jQuery HTML href选项卡

我使用的jQuery选项卡如下所示： 在这里，我可以沿顶部显示一行选项卡，HTML被拆分为这些部分，并通过激活这些选项卡来查看

然而，我对这种感觉并不完全满意

由于我在系统中有各种各样的

Href

s重定向到不同的地方，我想知道是否有人知道是否有一种方法可以在从URL打开相关选项卡的同时，直接指向显示这些选项卡的页面的链接，还是另一种方法

例如，当您给一个

div

一个ID，并且可以

href

给该ID，页面向下滚动到该点时的简单方法。有了它，您可以在URL中指定您希望转到页面上的哪个选项卡。尽管一旦将其与jQuery结合，这是不可能的。

创建选项卡 我们所有的调用都发生在document.ready（）函数中。 首先，我们将使用普通的jQueryUI技术创建选项卡。在本例中，我们用一个“tabset”类将tabs ul和相关div包装在一个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‘tabset’，而不是链接本身的目标，在没有动画的情况下进行，并将哈希添加到URL”。 就这样！满足所有要求

---

来自

你的意思是直接链接到选项卡还是链接到选项卡上的内容？这就是为什么我编写自己的选项卡，而不是使用内置的jquerylink链接到选项卡内容@strmstchange“$.scrollTo（.tab set”）；”到setTimeout（$.scrollTo（.tab set”）”，100）；要在需要更多时间渲染的旧IE浏览器中工作，scrollTo如果没有准备好就无法工作，但这给其他人增加了额外的延迟，这只是一个想法，对于使用旧IE浏览器的人来说