我正在使用一个很棒的bootstrap 3布局,它使用" offcanvas"侧边栏。所有屏幕尺寸都很好。
触发侧栏的HTML标记是:
<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
我怎么能用jquery触发这个事件?有时我需要在用户事件上切换侧边栏,有时我需要显示隐藏侧边栏的页面。
我尝试使用jquery触发click事件,但它没有做任何事情,因为此标记上没有任何onClick事件......
感谢您的帮助。
答案 0 :(得分:2)
使用Bootstrap附带的collapse()
方法。像
$('.sidebar-toggle').collapse();
应该有用。
有关collapse()
的详细信息,请参阅以下链接:
答案 1 :(得分:1)
Classname:&#34; sidebar-collapse&#34;负责折叠侧边栏。
例如:
<body id="bodyContainer" class="hold-transition skin-blue sidebar-mini sidebar-collapse">
这是折叠边栏。
<body id="bodyContainer" class="hold-transition skin-blue sidebar-mini">
这适用于非折叠边栏。
所以,基本上你必须编写jquery函数来删除/包含类&#34; sidebar-mini&#34;
答案 2 :(得分:0)
将sidebar-collapse类添加到body标签以获取此布局。
答案 3 :(得分:-3)
我找到了另一种仅使用css的解决方案。
当我点击切换按钮时,我会仔细检查dom更改,当我需要切换侧边栏时,我会复制这些更改。
我确定有一个jscript方法可以调用,但经过几个小时搜索网络后,css解决方案很好......