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

我已经构建了一个选项卡导航，但每次如果我尝试访问某个使用哈希＃的URL的div，它会锚定到该部分，有无论如何阻止它自动锚定？这发生在FF和IE中，但不是Safari。jQuery ui标签锚定，如何防止它？

我的代码看起来像这样。
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>

来源

2009-11-19 calebo

“它会锚定到该部分，是否有阻止它自动锚定？”对我没有意义。 –

如果我试图通过网址访问特定的标签页，请在网页加载时说http://www.goo.com/#car ，页面会锚定到div #car而不是页面顶部。 – calebo

重复的stackoverflow.com/questions/8624531？ – Rich

现代浏览器解析 '＃' 其次是一些字符串作为锚，你已经注意到了。

有真正两种解决方案：

不要在您的网址

或

更改标签页名称中使用哈希。（car_tab，debt_tab等）

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

来源

2011-05-26 05:34:44 dapangro

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

回答

相关问题