Question

我使用的引擎调用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);

我还尝试在返回false后添加 e.preventDefault（）; ;但还是没有运气？！？我能够找到site that runs a different template并且那里不存在问题。我一直在使用Firefox并检查代码，试图找到他们是如何做到这一点的，但是经过几个小时的打击，我寻求你的智慧哦明智的！

Answer 1

在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>

点击时停止jquery TABS跳跃/向上滚动？

1 个答案: