Question

我正在根据guide在bootstrap中创建一个模态选项卡式窗格。这是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>

Answer 2

您只需在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>

http://jsfiddle.net/52VtD/8212/

Answer 3

试试这个

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
    <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>

Answer 4

你已经忘了＆＃34;＃＆＃34;在href上。看到 <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>

Bootstrap选项卡式窗格不起作用

4 个答案: