私は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でこれを行う別の方法があるかもしれません。toggled
div#wrapper
上記のコードは機能しません。これを行うための良いボルトの方法は何ですか?