Question

你请看一下This Demo，让我知道为什么我不能通过点击按钮来选择引导3个tabbs？

这是我的代码：

<div class="btn-group">
    <button class="btn btn-default" id="one">1</button>
    <button class="btn btn-default" id="two">2</button>
    <button class="btn btn-default" id="three">3</button>
    <button class="btn btn-default" id="four">4</button>
</div>
<div class="container">
    <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="#home">1</a> </li>
        <li><a href="#profile">2</a></li>
        <li><a href="#messages">3</a></li>
        <li><a href="#settings">4</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="home">One</div>
        <div class="tab-pane" id="profile">Two</div>
        <div class="tab-pane" id="messages">Three</div>
        <div class="tab-pane" id="settings">Four</div>
    </div>
</div>
<script>
 $('#myTab a').click(function (e) {
    e.preventDefault();
    $(this).tab('show');
});
$("#one").on("click", function () {
      ('#myTab a:last').tab('show');
});
</script>

由于

Answer 1

您是否包含了jQuery，Bootstrap CSS和JS？

修改

解决方案：您忘记了＆＃39; $＆＃39;在前面签署jQuery。

$('#myTab a:last').tab('show');

请查看以下JS Bin以获得解决方案：http://jsbin.com/fenapota/2/edit?html,output

使用按钮单击选项卡引导程序3选项卡上的问题

1 个答案: