好的,我知道以前有很多问题,正在讨论这个话题,但是我很茫然,无法弄清楚。
我的问题是,当我单击每个选项卡链接时,整个浏览器窗口都会移动到选项卡内容的锚点,div
正如您在 scrollTop 链接之类的东西上所期望的那样。有谁知道快速修复?
我正在使用这样的基本选项卡结构:
<div id="tabContaier">
<ul>
<li><a href="#tab1">Tab 1</a></li>
</ul>
</div>
<div class="tabDetails">
<div id="tab1">
<h1>My Tab Title</h1>
<p>Whatever goes here</p>
</div>
</div>
我的 Jquery 如下:
$(".tabContents").hide();
$(".tabContents:first").show();
$("#tabContaier ul li a").click(function(){
var activeTab = $(this).attr("href");
$("#tabContaier ul li a").removeClass("active");
$(this).addClass("active");
$(".tabContents").hide();
$(activeTab).fadeIn();
});
与往常一样,非常感谢任何帮助:-)