Question

我试图通过链接激活一个标签，例如＃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>

Answer 1

我很确定

<a href="#" name="tab1" target="_blank">Discription</a>

会起作用。

通过外部链接激活选项卡（基于列表）

1 个答案: