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选项卡 - 嵌套选项卡的问题 - 在初始加载时激活子选项卡