Semantic-UI选项卡历史记录激活选项卡

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Semantic-UI选项卡历史记录激活选项卡相关的知识,希望对你有一定的参考价值。

我正在使用Semantic中的菜单对象,如果我将选项卡历史状态设置为true,它将始终加载激活了选项卡的页面内容,尽管没有任何选项卡处于活动状态。完整的上下文源是一个很大的麻烦,但发现here。正如您所看到的,尽管未在选项卡内容的代码中包含active类,但它会在第一个“关于”选项卡打开时加载: <div class="ui tab segment" data-tab="about">

一些相关的位:

readyState函数:

$(document).ready(function(){
$('.links.menu .item').tab({
        history : true,
        historyType : 'hash',
    });
    $('.links.menu').transition({
        animation : 'fade down',
        duration : '1s'
    });
});
答案

the documenation中,据说“Tabs使用Asual的地址库来提供跨浏览器推送状态支持。这是历史记录正常工作的选项卡所必需的依赖项。”你是否在依赖项中包含了the library

以上是关于Semantic-UI选项卡历史记录激活选项卡的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap v3.3.5:从同一页面上的按钮激活选项卡和选项卡窗格

JQuery选项卡 - 嵌套选项卡的问题 - 在初始加载时激活子选项卡

JQuery选项卡 - 嵌套选项卡问题 - 在初始加载时激活子选项卡

从另一个选项卡面板激活选项卡面板

使用 JQuery 激活引导选项卡

在该选项卡中单击分页链接时如何激活选项卡?