我想使用twitter bootstrap的标签视图3：
<ul class="nav nav-tabs">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
</ul>
<div id='content' class="tab-content">
<div class="tab-pane active" id="home">
<ul>
<li>home</li>
<li>home</li>
<li>home</li>
<li>home</li>
<li>home</li>
<li>home</li>
<li>home</li>
</ul>
</div>
<div class="tab-pane" id="profile">
<ul>
<li>profile</li>
<li>profile</li>
<li>profile</li>
<li>profile</li>
<li>profile</li>
<li>profile</li>
<li>profile</li>
</ul>
</div>
<div class="tab-pane" id="messages">
</div>
<div class="tab-pane" id="settings"></div>
</div>
这段代码对我来说不行.网络上的大多数示例不在第三版本.如果有人告诉我我的问题是什么,或者甚至给我一个标准的工作示例(使用引导3),这将是巨大的.
解决方法
您可以使用没有js或js的数据切换激活标签,如下所示.更多信息请看这个
documentation.
看到这个Fiddle将id myTab添加到ul并运行下面的js
JS
$('#myTab a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
