Javascript 引导导航折叠切换一次

在我正在开发的一个网站上有一个可折叠菜单，但是折叠只能切换一次。我点击菜单菜单展开，再次点击，菜单关闭，但不会继续切换

这里是到我的开发服务器的链接。只需调整浏览器窗口的大小，直到菜单按钮出现，然后单击它

以下是我的菜单结构：

---

您案例中的问题是两个JavaScript文件之间的冲突，即bootstrap-transition.js和ccm.app.js。它们都在写入jQuery变量$.support.transition。引导要求它是一个对象，其中包含属性end，该属性包含在CSS3转换结束时触发的特定于浏览器的事件。另一个文件正在覆盖support.transition，使其仅为布尔值

调用hide方法时，transitioning被设置为true，并且由于表示转换结束的事件的名称未定义，transitioning属性永远不会重置为false。这会导致将来在折叠插件上显示或隐藏的任何调用短路

您可以尝试修改ccm.app.js以与Twitter引导的Transitions插件兼容。只需添加一个不覆盖现有值的检查就足够了

---

另一个选项是尝试确保bootstrap-transition.js在ccm.app.js之后加载。只要ccm.app.js只查找真实值，您就应该很好。

您的问题在于两个JavaScript文件之间的冲突，即bootstrap-transition.js和ccm.app.js。它们都在写入jQuery变量$.support.transition。引导要求它是一个对象，其中包含属性end，该属性包含在CSS3转换结束时触发的特定于浏览器的事件。另一个文件正在覆盖support.transition，使其仅为布尔值

调用hide方法时，transitioning被设置为true，并且由于表示转换结束的事件的名称未定义，transitioning属性永远不会重置为false。这会导致将来在折叠插件上显示或隐藏的任何调用短路

您可以尝试修改ccm.app.js以与Twitter引导的Transitions插件兼容。只需添加一个不覆盖现有值的检查就足够了

---

另一个选项是尝试确保bootstrap-transition.js在ccm.app.js之后加载。只要ccm.app.js只是在寻找真实值，你就应该做得很好。

我遇到了同样的问题，它是由双重包含javascript文件引起的

---

我确实两次包含了我的库javascript文件，当我删除重复的文件时，它工作得很好。

我遇到了与双重包含javascript文件相同的问题

---

我确实两次包含了我的库javascript文件，当我删除重复的文件时，它工作得很好。

我找到了答案。似乎我在另一个网站上找到了我的collapse.js文件。重新加载了我的原始文件，现在一切正常。@AnthonyDuncan-您刚刚将文件从2.0.4恢复到2.0.1，我发现的问题仍然存在。您没有看到相同行为的唯一原因是2.0.1中的bootstrap-collapse.js没有短路功能。但是，由于问题仍然存在，显示和隐藏的事件将无法在页面上激发。我强烈建议您使用最新版本的引导，并正确解决您的问题。我已经解决了。似乎我在另一个网站上找到了我的collapse.js文件。重新加载了我的原始文件，现在一切正常。@AnthonyDuncan-您刚刚将文件从2.0.4恢复到2.0.1，我发现的问题仍然存在。您没有看到相同行为的唯一原因是2.0.1中的bootstrap-collapse.js没有短路功能。但是，由于问题仍然存在，显示和隐藏的事件将无法在页面上激发。我强烈建议您使用最新版本的Bootstrap并正确解决您的问题。