Javascript 引导选项卡导航无法正常工作

我根据和为引导选项卡导航做了一个非常简单的设置

单击选项卡2

Tab 1 | Tab 2
-----------------
Hello 2!

单击选项卡1

Tab 1 | Tab 2
-----------------
Hello 2!
Hello 1!

---

使用bootstrap的data-*语法，您不必编写任何JS，除非您想手动显示选项卡（比如，您想在单击按钮或运行函数时显示选项卡，而不是在nav中单击它）

我无法在JSFIDLE中重现您的问题，但我怀疑正在发生的是单击绑定正在手动显示选项卡1，并阻止引导隐藏其他选项卡

---

尝试删除单击处理程序，并且仅依赖引导的

data toggle=“tab”

遇到完全相同的问题，实际上还需要将“active”类添加到选项卡窗格中

你好1！

@Pavlo是的。但不起作用，除非第一个元素在启动时处于活动状态：（事实上，我没有发现您的代码有任何问题，请检查这个@Pavlo是的，我也没有看到任何问题。我的引导CSS可能有问题，但我只是从当前版本复制了bootstrap.CSS。：/您没有包括bootstrap.js，那么：）在发布错误之前，请尝试使用Firebug并查看错误控制台question@Pavlo包含Bootstrap.js，可以找到它。在我的主页上：@Scripts.Render（“~/js/bootstrap”）->路由到“~/Scripts/bootstrap.js”，它呈现为“/js/bootstrap？v=vQ_Gu0D_BsZTQ6TY6akag53T-LlmZIdGmqSBMX-BKt41”（页面源代码），它后面有缩小的bootstrap.js。如果不起作用，我刚才注意到你在

e.preventDefault（）

之后缺少一个分号。根据您使用的浏览器，这可能会破坏页面；检查日志以查看是否有任何错误。

Tab 1 | Tab 2
-----------------
Hello 2!

Tab 1 | Tab 2
-----------------
Hello 2!
Hello 1!