Jquery ui jQuery UI 1.12–通过链接或URL激活选项卡

如何根据URL中的哈希标记元素ID激活选项卡

我知道这个问题多年来已经被问过好几次了，但是答案对于jQuery1.10+来说已经不再相关了

---

谢谢。

实现这一点需要两个步骤-首先，将哈希标记（例如SomeValue）匹配到要激活的选项卡的元素ID；然后第二，将所述选项卡设置为活动

var matchedTab = $('a[href="' + window.location.hash + '"]');
$('#tabs').tabs({active:$('#tabs a').index(matchedTab)});

第一行是从tab元素创建一个jQ对象，该元素的href属性与URL中的哈希匹配。因为标签插件的标记要求您有一个锚

您可以使用该页面上的下拉列表来模拟URL的行为，这些URL使用不同的哈希标记将不同的选项卡设置为活动