Question

我正在使用这个脚本（在视频教程之后），但没有任何反应，我没有错误：

$(document).ready(function () {

var scrollTop = $(window).scrollTop();
var windowSize = $(window).height();
var appart = 50;

display(scrollTop, windowSize);

$(window).resize(function(){
    var windowSize = $(window).height();
});

$(window).scroll(function(){
    var scrollTop = $(window).scrollTop();
    display(scrollTop, windowSize);
});

function display(scrollTop, windowSize){

    $('.wp-post-image').each(function(){

        var elemTop = $(this).offset().top;

        if($(this).css('opacity') === 0 && (parseInt(elemTop) <= parseInt(scrollTop + windowSize - appart))){

            $(this).fadeTo(2000,1);

        }   

    }); 

}   

});

它应该在页面上滚动时显示我的内容转换（如延迟加载）。

我正在使用wordpress。

我真的不明白为什么它不起作用。谢谢。

Answer 1

取自WordPress Codex的this page：

WordPress附带的jQuery库设置为使用noConflict()模式来防止与WordPress可以使用的其他JavaScript库的兼容性问题。

在noConflict()模式下，jQuery的全局$快捷方式不可用，因此您需要使用：

jQuery(document).ready(function(){
    jQuery(#somefunction) ...
});

但是，如果您希望使用短$而不是jQuery，则可以在代码周围使用以下包装器：

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

希望有所帮助。

jQuery脚本已加载但没有任何反应

1 个答案: