javascript - JQuery UI 选项卡 : How do I navigate directly to a tab from another page?

Question

JQuery UI 选项卡由无序列表中的命名 anchor 实现。当您将鼠标悬停在其中一个选项卡上时，您可以在浏览器底部显示的链接中看到:

http://mysite/product/3/#orders

例如，上面是“订单”选项卡。 JQuery 显然会拦截对该 anchor 的点击并改为打开选项卡。

但是，如果我将上面的链接添加为书签或从网站的其他地方链接到它，该页面不会在特定选项卡上打开。

在选项卡初始化 block 中，我正在考虑放入一些代码来查找 URL 中的命名 anchor ，如果找到一个，则对选项卡进行索引查找并在其上调用选择。这意味着它仍然可以在 JS 关闭的情况下工作。

但是有没有更简单/更好/更好的方法？

Answer 1

找到这个例子 here :

if(document.location.hash!='') {
    //get the index from URL hash
    tabSelect = document.location.hash.substr(1,document.location.hash.length);
    $("#my-tabs").tabs('select',tabSelect-1);
}