代码之家  ›  专栏  ›  技术社区  ›  Dr Casper Black

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

  •  0
  • Dr Casper Black  · 技术社区  · 14 年前

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

    <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;
        });
    
    
    });
    
    2 回复  |  直到 14 年前
        1
  •  2
  •   Jethro Larson    14 年前

    也许是这样?

    var openTab = $(location.hash).filter(".tab_content");
    
    if(openTab.length){
      $("a[href='"+location.hash+"']").click();
    }
    
        2
  •  1
  •   Matt user129975    14 年前

    如果要在页面加载时使用url中的散列预先选择选项卡,只需使用window.location.hash存储当前选定选项卡的标识符(元素id?),然后在“文档就绪”事件激发时读取window.location.hash,并对其中的任何元素id做出响应。