使用按钮单击Tabs Bootstrap 3选项卡上的问题

Question

一个，请看一下这个演示 ，让我知道为什么我不能通过单击按钮来设置bootstrap 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？

编辑：

解决方案：您忘记了jQuery前面的“ $”符号。

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

查看以下JS Bin作为解决方案： http : //jsbin.com/fenapota/2/edit?html，输出