gpt4 book ai didi

javascript - 通过外部链接激活选项卡(基于列表)

转载 作者:行者123 更新时间:2023-11-28 08:28:34 24 4
gpt4 key购买 nike

我正在尝试通过链接激活选项卡,例如#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>

最佳答案

我很确定

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

可以。

关于javascript - 通过外部链接激活选项卡(基于列表),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22127665/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com