创建标签 我们所有的调用都发生在 document.ready() 函数中。首先,我们将使用普通的 jQuery UI 技术创建选项卡。在这种情况下,我们将标签 ul 和相关的 div 包装在一个带有“tab-set”类的 div 中。
$(".tab-set").tabs();
让新访问者访问正确的标签 接下来,我们想看看是否需要加载特定的标签。我们将检查我们所在的页面是否具有“tab-set” div,并检查 URL 以查看其末尾是否有哈希。如果两者都是,那么我们使用 scrollTo 插件将我们跳转到“tab-set” div——它使选项卡保持可见——同时依靠 jQuery UI 的默认行为来显示正确的选项卡内容。
if($(".tab-set") && document.location.hash){
$.scrollTo(".tab-set");
}
为标签创建书签 URL 一旦用户在页面上,我们使用 localScroll 插件更新地址栏中的 URL,同时防止页面重新加载。
$(".tab-set ul").localScroll({
target:".tab-set",
duration:0,
hash:true
});
那就是“滚动到 div 'tab-set' 而不是链接本身的目标,不使用动画,并将哈希添加到 URL”。而已!满足所有要求。
来自How to Open A specific Tab from Link in jQuery