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.