bootstrap选项卡,如何在页面加载时设置选定的选项卡?

时间:2014-01-20 03:54:41

标签: javascript jquery twitter-bootstrap

您好,我在重新加载页面时尝试保存当前选定的标签时遇到了一些麻烦,

我有一个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>

我将最后一个活动变量存储到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 });
});

1 个答案:

答案 0 :(得分:3)

重做的bootstrap示例:http://bootply.com/107082 您必须从cookie中选择子项作为jquery对象,然后调用.tab('show')

相关问题