jQuery ui标签锚定，如何防止它？答案

【问题标题】：jQuery ui tabs anchoring, how to prevent it?jQuery ui标签锚定，如何防止它？
【发布时间】：2009-11-19 07:58:51
【问题描述】：

我已经建立了一个标签导航，但是每次如果我尝试使用带有哈希 # 的 url 访问某个 div，它就会锚定到该部分，有没有办法阻止它自动锚定？这发生在 FF 和 IE 中，但不是 Safari。

我的代码如下所示。
JS：

$("#header").tabs({ fx: { opacity: 'toggle' } });

HTML：

<div id="header">
<ul id="navigation">
    <li><a href="#debt" class="debt">Debt</a></li>
    <li><a href="#car" class="car">Car</a></li>
    <li><a href="#home" class="home">Home</a></li>
    <li><a href="#travel" class="travel">Travel</a></li>
</ul>
<div id="debt">xxx</div>
<div id="car">xxx</div>
    <div id="home">xxx</div>
<div id="travel">xxx</div>
</div>

【问题讨论】：

"然后它会锚定到该部分，有没有办法阻止它自动锚定？"对我来说毫无意义。
如果我试图通过 url 转到特定选项卡，例如在页面加载时 goo.com/#car，页面锚定到 div #car 而不是页面顶部。
stackoverflow.com/questions/8624531 的副本？

标签： jquery jquery-ui tabs jquery-ui-tabs

【解决方案1】：

您已经注意到，现代浏览器会解析一个 '#' 后跟一些字符串作为 Anchor。

确实有两种解决方案：

不要在你的网址中使用哈希

或

更改选项卡的名称。（car_tab、debt_tab 等）

如果您更改选项卡的名称，您可以保留哈希 url 并添加一些 JS 以显示正确的选项卡。

【讨论】：