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

终于搞掂！