我正在玩Volt,目前正在尝试在我的 Volt 应用程序中为侧边栏做一个简单的 toggleClass(没有运气)。这是一个代码示例。
应用程序/main/views/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>
应用程序/main/assets/js/sidebar.js
$(document).ready(function() {
$(".sidebar-toggler").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
});
当点击div.sidebar-toggler
一个toggled
类时应该添加到div#wrapper
......它没有,也许有另一种方法可以用 Volt 做到这一点。
上面的代码不起作用。什么是好的伏特方式来做到这一点?