TypeError $(...).lazyload is not a function 解決方法

在wordpress中使用jQuery圖片延遲加載插件時，可能會報出$(...).lazyload is not a function的錯誤。

用wordpress的朋友們經常會用到各種插件，其中很多插件是基於jQuery的，造成這樣的沖突在所難免。

解決這類問題方法簡單概括為：在使用jQuery類時使用jQuery，在使用函數時使用$符號.

 

而關於lazyload的問題，應該這樣解決：

<script type="text/javascript" src="http://jileiba.com/wp-includes/js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="http://jileiba.com/wp-includes/js/jquery/jquery.lazyload.js"></script>
<script type="text/javascript"> jQuery(document).ready(function ($) {
        $("img").lazyload({
            placeholder: "http://jileiba.com/wp-includes/images/loading03.gif",
            effect: "fadeIn"
        });
    });
</script>

 

End.