2014-03-02 139 views
1

我试图通过链接激活标签,例如#blahblah但是,要做到这一点,标签必须是基于链接的,但它们是基于列表的。任何人都可以告诉我如何使用我目前的设置做到这一点?例如website.com/#tab2通过外部链接激活标签(基于列表)

JQUERY

$(document).ready(function() { 
    $("#content").find("[id^='tab']").hide(); // Hide all content 
    $("#tabs li:first").attr("id","current"); // Activate the first tab 
    $("#content #tab1").fadeIn(); // Show first tab's content 

    $('#tabs a').click(function(e) { 
     e.preventDefault(); 
     if ($(this).closest("li").attr("id") == "current"){ //detection for current tab 
     return;  
     } 
     else{    
      $("#content").find("[id^='tab']").hide(); // Hide all content 
      $("#tabs li").attr("id",""); //Reset id's 
      $(this).parent().attr("id","current"); // Activate this 
      $('#' + $(this).attr('name')).fadeIn(); // Show content for the current tab 
     } 
    }); 
}); 

HTML

<ul id="tabs"> 
    <li><a href="#" name="tab1">Description</a></li> 
    <li><a href="#" name="tab5">Reviews</a></li> 
</ul> 
<div id="content"> 
    <div id="tab1"> 
    </div> 

    <div id="tab5"> 
    </div> 
</div> 

回答