jquery如何显示带有来自另一个页面的链接的特定选项卡

Question

如何显示带有来自另一个页面的链接的特定选项卡

<a href="index.php?page=home#tab2">Home</a>

这是 JS 代码：

$(document).ready(function() {

    //When page loads...
    $(".tab_content").hide(); //Hide all content
    //$("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function() {

        $("ul.tabs li").removeClass("selected"); //Remove any "active" class
        $(this).addClass("selected"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active ID content
        return false;
    });


});

Answer 1

也许是这样的？

var openTab = $(location.hash).filter(".tab_content");

if(openTab.length){
  $("a[href='"+location.hash+"']").click();
}

Answer 2

如果您想在页面加载时使用 URL 中的哈希来预先选择选项卡，只需使用 window.location.hash 来存储当前所选选项卡的标识符（元素 ID？），然后读取 window.location .hash 当文档就绪事件触发时，并对其中的任何元素 ID 做出反应。