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.