2

私はVoltをいじっていて、現在、Volt アプリのサイドバーに単純な toggleClass を実行しようとしています (うまくいきません)。これがコードサンプルです。

アプリ/メイン/ビュー/main.html

<:Title>
  {{ view main_path, "title", {controller_group: 'main'} }}

<:Body>

  <div id="wrapper">
    <div id="sidebar-wrapper">
      <ul class="sidebar-nav">
        <li><a href="#">blah</a></li>
        <li><a href="#">blah</a></li>
        <li><a href="#">blah</a></li>
        ...
      </ul>
    </div>

    <div id="page-content-wrapper">
      <div class="container-fluid">
        <div class="btn btn-default sidebar-toggler">Toggle Sidebar</div>
        <:volt:notices />
        {{ view main_path, 'body', {controller_group: 'main'} }}
      </div>
    </div>
  </div>

アプリ/メイン/アセット/js/sidebar.js

$(document).ready(function() {
  $(".sidebar-toggler").click(function(e) {
    e.preventDefault();
    $("#wrapper").toggleClass("toggled");
  });
});

クラスをクリックするとdiv.sidebar-toggler、追加する必要があります...そうではありません。Voltでこれを行う別の方法があるかもしれません。toggleddiv#wrapper

上記のコードは機能しません。これを行うための良いボルトの方法は何ですか?

4

1 に答える 1