引导选项卡，如何在页面加载时设置选定的选项卡？答案

【问题标题】：bootstrap tab, how to set selected tab on page load?引导选项卡，如何在页面加载时设置选定的选项卡？
【发布时间】：2014-01-20 03:54:41
【问题描述】：

您好，我在重新加载页面时尝试保存当前选定的选项卡时遇到了一些问题，

我有一个 bootstrap 3.0 nav nav-tabs 设置作为我的标记，如下所示：

<ul class="nav nav-tabs" id="feedtab">
    <li class="active" id="atlasstab"><a href="#atlass" onclick="swapfeeds(1);" data-toggle="tab">Atlass</a></li>
    <li id="aviationtab"><a onclick="swapfeeds(2);" href="#avi" data-toggle="tab">Aviation</a></li>
    <li id="ittab"><a onclick="swapfeeds(3);" href="#proc" data-toggle="tab">IT&S</a></li>
    <li id="processingtab"><a onclick="swapfeeds(4);" href="#it" data-toggle="tab">Plan&Proc</a></li>
</ul>

我将 lastactive 变量存储到 cookie 中，值是正确的，所以我的 jquery 似乎不正确，我只是想将活动选项卡设置为相应的“lastactive”变量，即 IE：1、2、3 , 4

我知道标签索引从零开始，所以我尝试增加值 +!，但仍然无法正常工作，有人可以指出我的问题吗？

这是我用来尝试设置活动标签的javascript：

var lastactive = $.cookie("lastactive") != undefined ?  $.cookie("lastactive") : 1;

$(document).ready(function() {
    $("#feedtab").tabs({active: lastactive + 1 });
});

【问题讨论】：

尝试在 dom ready 中提醒 lastactive 和 typeof lastactive
lastactive 的值是正确的我测试过，我认为这是我的 jquery 不正确。
看起来您使用的是 jquery ui 选项卡而不是引导选项卡
引导选项卡 -> jsfiddle.net/arunpjohny/RK5xe/1
嗨，您能说一下点击时 swapfeeds(3) 功能中的操作吗？

标签： javascript jquery twitter-bootstrap

【解决方案1】：

重新设计的引导示例：http://bootply.com/107082 您必须从 cookie 中选择子作为 jquery 对象，然后调用 .tab('show')。

【讨论】：

嘿，这行得通 $(function(){ $("#feedtab li:eq(1) a").tab('show'); });但是当我将 (1) 更改为我的 lastactive var 时，它不起作用，怎么了？感谢您的帮助，
请遵循 Arun P Johnny 评论中的方法。您将变量包含在选择器表达式中，相反，您应该像他一样使用显式选择器。
我试图做他所做的，但没有成功，你的例子有效，但我无法设置值
谢谢你！，工作！ jQuery(function ($) { var active = $.cookie("lastactive") || 0; active -= 1; $("#feedtab").children().eq(active).find('a') .tab('show'); });