javascript - Twitter Bootstrap药丸的问题

我对Bootstrap标签/药丸插件有问题。

我想显示所有div（a，b和c），所以我不需要标签来隐藏它们。我想吃药让用户从页面上的一个部分移到另一部分。问题：


当用户单击链接时，不显示内容（容器a和b的示例）。
显示了删除data-toggle="pill"内容，但链接未标记为.active类。


我准备了这个小提琴：http://jsfiddle.net/DLRmp/向您展示问题。希望您能对我有所帮助，关于药丸的文件似乎有点欠缺：

<ul class="nav nav-pills nav-stacked">
    <li class="active"><a data-toggle="pill" href="#a">a</a></li>
    <li class=""><a data-toggle="pill" href="#b">b</a></li>
    <li class=""><a href="#c">c</a></li>
</ul>

<div id="a">I'm not working: when user clicks the link nothing happens.
    But at least link is marked as active!</div>

<div id="b">Me too. I'm not working: when user clicks the link nothing happens.
    But at least link is marked as active! </div>

<div id="c">I'm working, but link is not marked as active!</div>

最佳答案

我使用此javascript代码段（已加载到准备用于所有药丸的文档中）

$('ul.nav.nav-pills li a').click(function() {
    $(this).parent().addClass('active').siblings().removeClass('active');
});