$("img").lazyload is not a function解决方式_HandsomeOhJie的博客-程序员宅基地

技术标签: ViewUI  php  javascript  

在wordpress中使用jQuery图片延迟加载插件时,可能会报出$("img").lazyload is not a function的错误。
(关于如何使用lazyload插件,请看另外一篇文章:jquery插件实现图片延迟加载
即使你将$替换成jQuery,它还是会出现这样的错误:jQuery("img").lazyload is not a function,就像下面这幅图中所看到的。

SNAGHTML382e03

当你尝试下面的代码段,会报出$("img").lazyload is not a function

<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">
    $(document).ready(function () {
        $("img").lazyload({
            placeholder: "http://jileiba.com/wp-includes/images/loading03.gif",
            effect: "fadeIn"
        });
    });
</script>

你可能会猜想$符号已经被别的插件使用了,是必会造成冲突的。于是你又想起使用jQuery的原生类jQuery($符号在jQeury中只是充当类的一个代名词)

<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 () {
        jQuery("img").lazyload({
            placeholder: "http://jileiba.com/wp-includes/images/loading03.gif",
            effect: "fadeIn"
        });
    });
</script>

它却仍然报出一个错误(在Firefox中Shift + Ctrl + J快捷键可以查看浏览器提示了哪些js错误,chrome浏览器会和谐js错误):jQuery("img").lazyload is not a function。即使你曾经使用jQuery.noConflict();去尝试解决冲突,这个冲突还是存在,它可真是挥之不去。

用wordpress的朋友们经常会用到各种插件,其中很多插件是基于jQuery的,造成这样的冲突在所难免。
那么现在就教大家如何解决这类冲突吧,希望你们不要在碰到好用的插件时,却在自己的博客中无法启用。 
这种方法简单概括为:在使用jQuery类时使用jQuery,在使用函数时使用$符号。

<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>

看见黄底的代码了吗?就是这么简单。 
jQuery(document).ready……
function($)……

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/HandsomeOhJie/article/details/84812980

智能推荐

SpringBoot启动tomcat出现空白页面_NULL_ZGX的博客-程序员宅基地

如果出现这个问题原因1),点击用户退出方法,方法里面执行的是清除session和清空cookie,然后,就出现了空白页面执行退出方法是 @GetMapping("logout") @ApiOperation(value = "注销登录方法",notes = "注销登录") public String logout(HttpServletRequest req...

centos7下安装python3_全杰cc的博客-程序员宅基地

安装前的准备工作安装一些环境将usrbinpython重命名修改usrbinyum安装python3将下载好的python3压缩包解压进入解压目录添加python快捷图标安装前的准备工作安装一些环境yum install openssl-devel将/usr/bin/python重命名[root@]#cd /usr/bin/[root@]#ls python*python py

win7安装django的几个报错_weixin_34000916的博客-程序员宅基地

1.运行django-admin.py startproject mysite生成mysite站点,要把C:\Python27\Scripts(django-admin.py在此目录下)加入系统路径。2.D:\mysite&gt;python manage.py runserver报错:The problem is in functools.py file。编辑C:\Pyth...

windows服务器如何开通telnet功能_阿门之恋的博客-程序员宅基地

一、背景公司用的是 windows server 2012 R2 作为服务器,有专门的服务器公司负责对端口的管理,当我们申请了某个端口后,如何判断这个端口是可以访问的呢,通常我们会使用 telnet 命令,但是有时服务器没有安装telnet,安装步骤如下:二、安装步骤...

Apache的安装部署与基本配置(修改端口,修改默认发布目录)、创建虚拟主机、访问控制、Apache支持的语言、HTTPS(加密认证 )_一纸离人醉的博客-程序员宅基地

一、Apache1、概念:&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Apache HTTP Server(简称Apache)是Apache软件基金会的一个开放源码的网页服务器。是最流行的Web服务器端软件之一,有多种产品,可以支持SSL技术,支持多个虚拟主机。它快速、可靠并且可通过简单的API扩充,将Perl/Python等解释...

随便推点

Gradle之自定义插件_gradlew uploadarchives_chsmy2018的博客-程序员宅基地

前面两篇了解了Gradle的基础知识,最终目的就是为了自己能写出Gradle插件来解决现实项目中的问题。现在Gradle自定义插件用的越来越广泛,插件化,热修复,性能优化,指标检测,多渠道打包等等都会用到Gradle插件。自定义Gradle插件的方式有三种,代码都差不多,都是必须实现Plugin&lt;T&gt;这个接口,然后实现接口中的apply方法。只不过写的地方不一样。第一种在build...

vue.js 初体验— Chrome 插件开发实录_腾讯云开发者的博客-程序员宅基地

通过一个Chrome插件的开发,来领略下vue.js的魅力。顺便也来了解下Chrome插件开发的一些基本知识。在日常工作中,开发一些小工具可以大大的提高我们的工作效率。

ebs r12.1.3 fresh install(2)_txkcfgoc4japp.pl_zcx584520的博客-程序员宅基地

5.upgrade database from 11.1.0.7 to XXX直接在oracle网站上搜索

python 冒泡排序算法(超级详细)_冒泡排序python_一叶知秋的BLOG的博客-程序员宅基地

一、什么是冒泡排序冒泡排序是一种简单的排序算法,它也是一种稳定排序算法。其实现原理是重复扫描待排序序列,并比较每一对相邻的元素,当该对元素顺序不正确时进行交换。一直重复这个过程,直到没有任何两个相邻的元素可以交换,就表明完成了排序。一般情况下,称某个排序算法稳定,指的是当待排序序列中有相同的元素时,它们的相应位置在排序后不会发生改变。二、示例假设待排序序列为 (5,1,4,2,8),如果采用冒泡排序对其进行升序(由小到大)排序,则整个排序过程如下所示:第一轮排序,此时整个序列中的元素都位于

[锐捷客户端]提示虚拟网卡加载失败解决办法 - macOS系统_虚拟网卡加载失败,请尝试重新登录_阿莹yes的博客-程序员宅基地

在Mac上安装锐捷客户端以后,登录提示虚拟网卡加载失败,请尝试重新登录。查了资料,这是因为苹果系统System Integrity Protection机制阻止了虚拟网卡驱动加载需要把System Integrity Protection 关掉操作:1、关机2、开机的时候按住command+r键,大概10秒,出现苹果图标+加载进度条,放手,进入恢复模式3、成功进入本地恢复模式,依次打开:左上角的“实用工具”,“终端”4、在命令行中输入csrutil disable 确定,系统提示“suc.

推荐文章

热门文章

相关标签