我使用的引擎调用 jquery tabs.js 脚本来处理选项卡功能。问题是,只要选项卡位于页面顶部并且您单击链接,它们就会快速向下滚动到页面底部。我已经尝试解决这个问题几个小时了,所有解决方案都指向类似的答案,但没有一个对我有用。
$.fn.tabs = function() {
var selector = this;
this.each(function() {
var obj = $(this);
$(obj.attr('href')).hide();
$(obj).click(function() {
$(selector).removeClass('selected');
$(selector).each(function(i, element) {
$($(element).attr('href')).hide();
});
$(this).addClass('selected');
$($(this).attr('href')).fadeIn();
return false;
e.preventDefault();
});
});
$(this).show();
$(this).first().click();
};
根据我发现的建议修复,我将上面的一行更改为:
$($(element).attr('href')).fadeOut(1);
我也尝试过添加e.preventDefault();返回 false 后;但还是没有运气?!?我找到了一个并且问题不存在于此。我一直在使用 Firefox 并检查代码,试图找出他们是如何做到这一点的,但经过几个小时的碰壁后,我寻求你们的智慧,哦聪明人!
在html中,只需添加onclick="return false;"
并且跳跃将停止,例如:
<ul>
<li><a href="#tabsDetails" id="tabsDetailsLink" onclick="return false;" >Details</a></li>
<li><a href="#tabsAddress" id="tabsAddressLink" onclick="return false;" >Address</a></li>
</ul>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)