了解 JQuery UI Tab 控件锚点

Question

jQuery UI Tab 控件由 ul 标记组成，其中包含代表选项卡的锚链接。通常单击带有哈希 href 的锚点会导致哈希片段附加到地址栏中的 url。那么为什么单击选项卡时没有出现哈希片段？有没有办法修改它，让它这样做？

来自 jQuery UI Tab 来源：

<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 锚点打开页面，只需像往常一样将选项卡 ID 附加到 URL，该选项卡将在加载时打开。

Answer 2

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