javascript - 如何使选项卡在加载时处于活动状态

Question

我正在使用 jquery 在我的网站上创建一个基于选项卡的特色内容区域 - http://www.gregmalkin.co.uk - 但是我无法让第一个选项卡在加载时处于“活动”状态，然后是活动的状态以在自动更改时更改为选定的选项卡。

当我单击一个选项卡时，它会变为活动状态，但我希望它们自动设置为活动状态。

提前致谢！

Answer 1

我假设这个标签插件是预制的？尝试从其源中将“活动”添加到第一个选项卡的类中。

<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()
})

如果您需要每个之间的差异，请阅读 此处

我刚刚检查了那个选项卡插件，并在你想首先看到的那个上设置为活动状态。

class="tabSelect active"

Answer 3

在每个页面上保留一个隐藏字段，其中包含您希望在页面加载时激活的选项卡 ID。

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

并将隐藏字段值与 dom 就绪功能上的选项卡 ID 进行比较，如果它与任何选项卡匹配，则附加class="active"到选项卡，如下所示

$(document).ready(function(){

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

});