jquery踩坑之——$img.load()

今天使用webpack模块化组合我的小demo时踩中了个坑：
就一个瀑布流布局的图片加载判定，本来好好的，用webpack打个包就报错了：Uncaught TypeError: url.indexOf is not a function

QQ截图20170417224041.png

我去，怎么jquery源码还报错，难道下载了假jquery？
Paste_Image.png

后来发现我原来用的jquery为了兼容旧IE是1.9.1版本的，后来使用webpack时，是用npm下载的最新版本jquery3.2.1。
查了下文档，3.0以后 .load(), .unload(), .error()方法移除了，直接判断成Ajax的 .load方法，但还可以用.on('load',function....)来绑定
https://jquery.com/upgrade-guide/3.0/#breaking-change-load-unload-and-error-removed

Paste_Image.png

把以上代码改为：

Paste_Image.png

终于搞掂！

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容