当前位置：文江博客话题详情

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

发布于 2024-09-16 00:23:15 字数 250 浏览 12 评论 0原文

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

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

提前致谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

左耳近心 2024-09-23 00:23:15

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

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

I assume this tab plugin is pre-made? Try just adding "active" to the class of the first tab from its source.

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

回复收藏 0 原文

桃扇骨 2024-09-23 00:23:15

也许强制单击 pageLoad 或 $(document).ready() ？

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

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

如果您需要了解两者之间的差异，请阅读
这里

我只是检查该选项卡插件，并将您想首先看到的选项卡设置为活动状态应该可以工作。

class="tabSelect active"

Maybe forcing the click on the pageLoad or in $(document).ready()??

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

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

If you need the diferences between each one, read
here

I just checked that tab plugin, and set active on the one you want to see first should work.

class="tabSelect active"

回复收藏 0 原文

失与倦＂ 2024-09-23 00:23:15

在每个页面上保留一个隐藏字段，其中包含您想要在页面加载时激活的选项卡 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");
    }              

});

Keep a hidden field on everypage with the tab id you wants to make the active on pageload.

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

And compare the hiddenfield values with tab ids on dom ready function, if it matches with any tab, attach class="active" to the tab as shown below

$(document).ready(function(){

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

});

回复收藏 0 原文

~没有更多了~