gpt4 book ai didi

javascript - 单击选项卡打开一个新网页

转载 作者:行者123 更新时间:2023-11-28 12:07:44 26 4
gpt4 key购买 nike

这是我的代码..我想在单击第二个选项卡(即 tab2)时打开 facebook

<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" href="style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();

return false;
});

});
</script>
</head>

<body>

<div class="container">
<ul class="tabs">
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
<li><a href="#tab3">tab3</a></li>
<li><a href="#tab4">tab4</a></li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">


<p>No Data Available</p>
</div>

<div id="tab2" class="tab_content" >

</div>

<div id="tab3" class="tab_content">

</div>
<div id="tab4" class="tab_content">
</div>
</div>
</div>


</body>
</html>

最佳答案

怎么样:

<li><a href="http://facebook.com">tab2</a></li> 

尽管我会说将选项卡设置为链接非常不直观,也不是良好的 UI 实践。

关于javascript - 单击选项卡打开一个新网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7389615/

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