为什么这个'滚动到顶部'脚本导致类型错误? jQuery冲突

时间:2016-05-06 09:35:50

标签: javascript jquery

我有更多的jQuery问题,因为我对顶级脚本的滚动没有工作。

我尝试了很多脚本,但每次收到错误时都会:

  

TypeError:undefined不是对象(评估' $ target.offset()。top')

jQuery(document).ready(function($){ 
    $(window).scroll(function(){ 
        if ($(this).scrollTop() > 100) { 
            $('.scrollup').fadeIn(); 
        } else { 
            $('.scrollup').fadeOut(); 
        } 
    }); 
    $('.scrollup').click(function(){ 
        $("html, body").animate({ scrollTop: 0 }, 600); 
        return false; 
    }); 
});

这在Wordpress网站上使用,Wordpress在没有冲突模式下加载jQuery。

jQuery真的是我生命中的祸根。感谢。

编辑:

看起来它与此相冲突,它也在同一页面上。我需要两者并肩工作。

    var $ = jQuery.noConflict();

$(document).ready(function(){
    $('a[href^="#"]').on('click',function (e) {
        e.preventDefault();

        var target = this.hash;
        var $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top - 50
        }, 900, 'swing', function () {
            window.location.hash = target;
        });
    });
}); 

1 个答案:

答案 0 :(得分:0)

它的jQuery兼容性问题。在您的脚本中使用' jQuery'而不是' $'无论你在哪里使用它。