了解JQuery UI Tab控件锚

Question

jQuery UI选项卡控件由一个ul标签组成，其中包含代表选项卡的锚链接。通常情况下，点击带有hash href的锚会导致hash片段被附加到地址栏中的url。那么，当单击选项卡时，为什么没有出现散列片段呢?有没有办法修改它，让它这样做?

来自jQuery UI选项卡源码:

<ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>

Answer 1

我不确定，因为我没有看过选项卡ui的来源，但我相信它的作用是为锚发送event.preventdefault()，以便默认的href不会触发。

您可以进入代码，检查该区域并注释它并检查。或者，如果你只是想让用户回到正确的地方，使用cookie函数与cookie插件。

同样，如果你想在一个特定的#tab锚点打开一个页面，只要像平常一样在URL后面加上标签id，这个标签就会在加载时打开。

Answer 2

检查来源;Tabs在单击选项卡锚点时返回false，因此它不会跟踪链接并更新散列。您可以在select事件中添加一个函数来更新哈希值。