javascript - Bootstrap 选项卡式 Pane 不起作用

Question

我正在根据 guide 在 bootstrap 中制作一个模态选项卡式 Pane .这是 fiddle和代码:

$(document).on("click","#tabs a",function(event)
{
    alert("!!!");
    event.preventDefault();
    $(this).tab('show');
})

这不起作用(不显示选项卡的内容)。我的错误是什么？我是否激活了错误的选项卡？

Answer 1

您没有在选项卡的 href 中包含哈希，updated fiddle .

<ul class='nav nav-tabs' role='tablist' id='tabs'>
    <li class='active'><a href='#forPhys' role='tab' data-toggle='tab'>For individuals</a></li>
    <li><a href='#forOrg' role='tab' data-toggle='tab'>For organisations</a></li>
</ul>