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>
它没有工作 - 我使用了下面的我在类别级别和类别级别,我需要一个链接打开产品级别的选项卡。 – jagmitg
好吧,很高兴你能解决这个问题:)抱歉,我没有! – developius