链接到特定jquery选项卡

我到处寻找这个问题的答案。我遇到的问题是，我的标签有某些风格特征需要保持不变。以下是我正在处理的页面：

---

我正在尝试创建指向每个选项卡的链接（在单独的页面上）。当“服务”页面加载时，让它加载所选选项卡，在顶部有一个唯一的#地址，并在页面顶部加载。由于某些原因，当我以前尝试链接到特定选项卡时，它会根据选项卡在不同区域加载页面

为了避免默认的散列行为（页面跳转），我改为使用URL参数。在您的情况下，这将导致，例如

这对您来说可能有些过分，但至少您需要停止默认哈希行为，可以使用

preventDefault（）

使用url（哈希）和选项卡

选择的
选项：

$('#tabs').tabs({
   selected: $('#tabs > ul > li > a[href='+window.location.hash+']').index()
});

然后，当您转到类似以下内容时：


它将加载具有

您还可以在每次更改选项卡时将哈希添加到url：

$('#tabs').tabs({
   select: function(e, ui){
      window.location.hash =  $(ui.tab).attr('href').replace(/\#/, '');
   }
});

我将如何将其合并到页面上的当前编码中？如果您查看我的原始服务页面链接，您将看到我将您的编码合并到该部分中，还需要做什么？谢谢，自从我写了这个答案，我意识到我没有提到处理URL参数需要包含两个文件。因此，这个答案对您来说可能不是一个好的选择。我如何将其合并到页面上当前的编码中？您的页面将已经有一些启动选项卡的代码，例如
$（'#tabs'）。选项卡（{…}）
。您只需将
selected:$（'#tabs>ul>li>a[href='+window.location.hash+']）.index（）
添加到该方法调用中，就像上面的示例中一样。
$('#tabs').tabs({
   select: function(e, ui){
      window.location.hash =  $(ui.tab).attr('href').replace(/\#/, '');
   }
});