小编use*_*411的帖子

使用JQuery激活Bootstrap选项卡

我有以下代码

<ul class="nav nav-tabs">
    <li><a href="#aaa" data-toggle="tab">AAA</a></li>
    <li><a href="#bbb" data-toggle="tab">BBB</a></li>
    <li><a href="#ccc" data-toggle="tab">CCC</a></li>
</ul>
<div class="tab-content" id="tabs">
    <div class="tab-pane" id="aaa">...Content...</div>
    <div class="tab-pane" id="bbb">...Content...</div>
    <div class="tab-pane" id="ccc">...Content...</div>
</div>
Run Code Online (Sandbox Code Playgroud)

以下脚本

$(document).ready(function(){
    activaTab('aaa');
});

function activaTab(tab){
    $('.tab-pane a[href="#' + tab + '"]').tab('show');
};
Run Code Online (Sandbox Code Playgroud)

在这种情况下,当页面准备就绪时,第二个选项卡将被激活,但我总是在行中出现JavaScript错误 $('.tab-pane a[href="#' + tab + '"]').tab();

有人可以帮我吗?

javascript jquery twitter-bootstrap

63
推荐指数
5
解决办法
17万
查看次数

标签 统计

javascript ×1

jquery ×1

twitter-bootstrap ×1