jQuery ui tabs锚定，如何防范呢？

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以显示正确的选项卡。