Javascript 引导选项卡式窗格没有';t工作

Javascript 引导选项卡式窗格没有';t工作,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我正在引导程序中根据创建一个模式选项卡窗格。以下是代码和代码: $(document).on("click","#tabs a",function(event) { alert("!!!"); event.preventDefault(); $(this).tab('show'); }) 这不起作用(选项卡的内容未显示)。我犯了什么错?我是否激活了标签错误或什么?您没有在标签的href中包含哈希 您没有在标签的href中包含哈希 您只需在href中添加一

我正在引导程序中根据创建一个模式选项卡窗格。以下是代码和代码:

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

这不起作用(选项卡的内容未显示)。我犯了什么错?我是否激活了标签错误或什么?

您没有在标签的href中包含哈希



您没有在标签的href中包含哈希


您只需在href中添加一个#,以便它知道它在查找元素的ID

<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>

您只需在href中添加一个#,以便它知道它在查找元素的ID

<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>

试试这个

试试这个

您忘记了href上的“#”。看见

您忘记了href上的“#”。看见

你的答案是第一。你的答案是第一。请将HTML复制到你的StackOverflow问题中,不要只链接到JS Fiddle。请将HTML复制到你的StackOverflow问题中,不要只链接到JS Fiddle。