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

2019年7月29日 160次阅读

我已经构建了一个标签导航,但每次如果我尝试使用带有#井号的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>

最佳答案 正如您所注意到的,现代浏览器会解析一个’#’后面跟一些字符串作为Anchor.

真的有两种解决方案：

>不要在网址中使用哈希值

要么

>更改选项卡的名称. (car_tab,debt_tab等..)

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

点赞