0

我正在使用 jQuery 选项卡，如下所示： http://jqueryui.com/tabs/ 我可以在顶部显示一行选项卡，HTML 被分成这些部分，通过激活这些选项卡可以看到。

但是我对这种感觉并不完全满意。

由于我Href在系统周围有各种重定向到各个地方的 s，我想知道是否有人知道是否有办法能够在从 URL 打开相关选项卡的同时指向显示这些选项卡的页面的链接或不同的方法？

例如，当您提供一个divID 并且可以href到该 ID 并且页面向下滚动到该点时的简单方法。有了这个，您可以在 URL 中指定您希望访问的页面上的哪个选项卡。尽管一旦将它与 jQuery 结合起来，这是不可能的。

4

1 回答 1

1

创建标签 我们所有的调用都发生在 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

于 2012-10-11T14:57:47.967 回答