Question

我正在使用jquery在我的网站上创建基于标签的精选内容区域 - http://www.gregmalkin.co.uk - 但是在加载第一个标签为“活动”时遇到问题，然后需要更改活动状态自动更改时选中的选项卡。

当我点击一个标签时，它变为活动状态，但我希望它们自动设置为活动状态。

提前感谢！

Answer 1

我认为这个标签插件是预制的吗？尝试将“active”添加到源的第一个选项卡的类中。

<li><a rel="0" class="tabSelect active" href="#Tab0">Tierra Latina</a></li>

Answer 2

可能强制点击pageLoad或$（document）.ready（）??

function pageLoad(){
    $('#tabidtoset').click()
}

$(function(){
    $('#tabidtoset').click()
})

如果你需要每个人之间的差异，请阅读 here

我刚刚检查了该标签插件，并在您想要首先看到的那个上设置了活动。

class="tabSelect active"

Answer 3

在每个页面上保留一个隐藏字段，其中包含要在页面加载时激活的标签ID。

<input id="hdnActiveTab" type="hidden" val="tab2" />

将隐藏字段值与dom ready函数上的tab id进行比较，如果它与任何标签匹配，请将class="active"附加到标签，如下所示

$(document).ready(function(){

    if ($('#hdnActiveTab').length > 0) {
        var tabID = "#" + $("#hdnActiveTab").val();
        $(tabID).addClass("active");
    }              

});

如何在加载时激活选项卡

3 个答案: