Jquery选项卡：如何直接链接到选项卡

我得到了这个剧本：

现在我想知道：是否可以创建指向选项卡的链接？比如example.com/#tab4

谢谢，

---

Mariano

首先，您必须通过以下方式检测哈希更改：

$(window).bind('hashchange', function () {

  //your code here...

});

然后使用

window.location.hash

您将获得

#hash

，您可以使用它执行与代码中单击事件相同的操作

你会得到这样的结果：

$(window).bind('hashchange', function () {
    hash = window.location.hash;
    if (hash) {
        elem = $('ul.tabs li:has(a[href="'+hash+'"])'); //Select the li targeted
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        elem.addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = elem.find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    };
});

参考资料：

---

查看

window.location.hash

-您可以使用它从url获取哈希值，然后使用javascript设置选项卡。谷歌可以为你做到这一点：）如果我把它放在url中，然后按enter键，它就可以工作了……但是如果我把它放在url中，为什么它不工作呢？此外，单击选项卡时URL不会更改要在单击选项卡时更改URL，可以添加以下内容

window.location.hash=activeTab

after

var-activeTab=$（this.find（“a”）.attr（“href”）click（）

eventok上的code>，谢谢……那么，为什么在提交表单后它不在#选项卡上打开呢？另外，当刷新时，它总是转到tab1，即使在URL中有另一个指定的选项卡，但我不知道确切情况，但我认为URL在使用哈希标记发送时会被修改，因此这个

index.html#tab2

将成为这个

index.html？#tab2

，它将不再是哈希标记，而是一个GET参数。