Twitter bootstrap Twitter引导菜单只打开和关闭一次

Twitter bootstrap Twitter引导菜单只打开和关闭一次,twitter-bootstrap,Twitter Bootstrap,我的网站上有一个(标准的)Twitter引导菜单。当我缩小浏览器窗口或使用智能手机或iPad时,菜单会缩小,而右边会有一个按钮。我可以按一下,菜单就会打开。我可以再按一次,它就关闭了。但当我再次单击它时,它不会打开。您可以在上查看代码。我是不是错过了一些类似的菜单在推特引导网站上正常运行?谢谢。您正在使用的引导CSS的缩小版本在.collapse类中缺少一些CSS转换规则,引导collapse.js插件假定存在这些规则。当插件折叠导航栏时,它会为$.support.transition.end事

我的网站上有一个(标准的)Twitter引导菜单。当我缩小浏览器窗口或使用智能手机或iPad时,菜单会缩小,而右边会有一个按钮。我可以按一下,菜单就会打开。我可以再按一次,它就关闭了。但当我再次单击它时,它不会打开。您可以在上查看代码。我是不是错过了一些类似的菜单在推特引导网站上正常运行?谢谢。

您正在使用的引导CSS的缩小版本在
.collapse
类中缺少一些CSS转换规则,引导collapse.js插件假定存在这些规则。当插件折叠导航栏时,它会为
$.support.transition.end
事件添加一个侦听器。由于事件从未被触发,插件被锁定在
转换状态,导致它在以后的所有调用中短路

您可以通过将所需的CSS转换添加回CSS文件来纠正该行为:

相关引导CSS(v.2.1.1)
。折叠{
位置:相对位置;
身高:0;
溢出:隐藏;
-webkit过渡:高度0.35秒;
-moz过渡:高度0.35秒;
-o型过渡:高度0.35s;
过渡:高度0.35s;
}
.崩溃{
高度:自动;
}

或者,如果你真的不想要CSS转换,你可以在JavaScript中省略bootstrap transition.js

谢谢你的详细解释!出于某种原因,这现在是在生产模式下工作,而不是在开发模式下。奇怪!