【问题标题】:Stop jquery TABS from jumping / scrolling up when clicked on?单击时停止jquery TABS跳跃/向上滚动?
【发布时间】:2012-06-19 05:22:10
【问题描述】:

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

我也尝试在 return false; 之后添加 e.preventDefault();但还是没有运气?!?我能够找到site that runs a different template 并且那里不存在问题。我一直在使用 Firefox 并检查代码以尝试找出它们是如何做到的,但经过数小时的碰壁后,我寻求您的智慧哦,聪明的人!

【问题讨论】:

  • 这是我所指的选项卡的跳跃行为的演示:link

标签: jquery tabs scroll click anchor


【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多