我有以下代码:

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

And the following script:

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

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

In this case when the page is ready, the second tab will be activated but I always get a JavaScript error in the line $('.tab-pane a[href="#' + tab + '"]').tab();

Can anyone help me, please?

推荐答案

应用.nav-tabs中的 Select 器似乎有效:

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

function activaTab(tab){
    $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};

我更喜欢@codedme的答案,因为如果在加载页面之前知道需要哪个选项卡,那么可能应该更改页面html,而不是使用JS来完成这个特定任务.

我也调整了他的答案的demo.

(If this is not working for you, please specify your setting - browser, environment, etc.)

Jquery相关问答推荐

当父迪瓦是重复元素时,如何将一些子元素包裹在父迪瓦中

在 Mastodon 中将 jQuery 添加到 Rails 6

使用带有 Ajax GET URL 的数组在每次单击按钮时一次单步执行一个

将元素附加到每个函数 jQuery

将日期时间从 javascript 传递给 c# (Controller)

为什么 jquery fadeIn() 不能与 .html() 一起使用?

如何在 Jquery 中通过索引获取子元素?

jQuery 中 prop() 和 attr() 的区别以及何时使用 attr() 和 prop()

如何同时使用 requireJS 和 jQuery?

字符串化(转换为 JSON)具有循环引用的 JavaScript 对象

如何更改 dropzone.js 中的默认文本?

jQuery.extend 和 jQuery.fn.extend 的区别?

更改占位符文本

使用 JavaScript 获取用户代理

如何在新窗口中打开链接?

在 bootstrap 弹出窗口中包含表单?

如何复制 pinterest.com 的绝对 div 堆叠布局

请求的资源错误中不存在Access-Control-Allow-Origin标头

jQuery - 不可见时获取元素的宽度(显示:无)

jQuery UI 选项卡 - 如何获取当前选定的选项卡索引