触发data-toggle = offcanvas事件

时间:2014-08-13 04:49:33

标签: jquery css twitter-bootstrap twitter-bootstrap-3

我正在使用一个很棒的bootstrap 3布局,它使用" offcanvas"侧边栏。所有屏幕尺寸都很好。

触发侧栏的HTML标记是:

<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">

我怎么能用jquery触发这个事件?有时我需要在用户事件上切换侧边栏,有时我需要显示隐藏侧边栏的页面。

我尝试使用jquery触发click事件,但它没有做任何事情,因为此标记上没有任何onClick事件......

感谢您的帮助。

4 个答案:

答案 0 :(得分:2)

使用Bootstrap附带的collapse()方法。像

这样的东西
$('.sidebar-toggle').collapse();

应该有用。

有关collapse()的详细信息,请参阅以下链接:

http://getbootstrap.com/javascript/#collapse-usage

答案 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解决方案很好......