jquery - jQuery ui标签锚定，如何防止它？

Question

我已经建立了一个标签导航，但是每​​次如果我尝试使用带有哈希 # 的 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>

Answer 1

正如您所注意到的，现代浏览器会解析一个“#”，后跟一些字符串作为 Anchor。

确实有两种解决方案：

1. 不要在您的网址中使用哈希

或者

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

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