c# - jqueryでクリックした後にcssスタイルをバインドしますか?

Question

こんにちは、スクロールバーのあるパネルがあります。

このスクロール バーには css クラスがあり、それをパネルにバインドしています。

このパネルにデータをロードするクリック イベントを実行しているときに、スクロール バーが表示されません。

これが私のコードです：

<div id='dvFlexScroll' class='flexcroll' style="overflow: scroll">
  <div style="height: auto;">
    <asp:Panel ID="pnlContainer" runat="server">
      <div id="acc" class="pnlAcc" runat="server"></div>
    </asp:Panel>
  </div>
</div>

flexcrollボタンのクリック後にこのクラスを再バインドしたかっただけです (これは ASP.net の JSON 呼び出しによって行われます)。

誰でも助けてもらえますか？

Answer 1

これがあなたへの小さなヒントです。

js でクリック時に次のコードを記述します。

$('div id to which u want to set new css').attr('class','new class name');

Answer 2

$(document).ready(function(){
    $("#button-id").on('click',function(){
        $("#acc").addClass("flexcroll");
    });
});

Answer 3

クリック後にクラスを切り替えるのはどうですか。次のように言います。

$("#button").click(function() {
  $("#divid").toggleClass("newclass");
});