使用URL中的ID的jQuery选项卡

Question

我想知道，jQuery UI标签是如何工作的 - 它正在切换标签取决于URL地址中的ID（#123）。

我想做类似的事情，但我不知道它是如何工作的。

如果您不知道我的ID是什么，请参阅示例网址：http://example.com/my_code.php#tab-3

如果div有一个ID属性：<div id="tab-3">...</div>，则jQuery UI将切换到该选项卡。

我该怎样做类似的事情？

Answer 1

在初始化时，jQuery UI选项卡小部件使用window.location.hash来获取页面URL的片段部分，然后遍历选项卡并激活与该片段匹配的选项卡。

source code的相关部分（当前主干中的第159到166行）是：

if (location.hash) {
        this.anchors.each(function(i, a) {
                if (a.hash == location.hash) {
                        o.selected = i;
                        return false; // break
                }
        });
}