jQ load方法在jquery1.8版本中被废弃，用on进行绑定

Posted 2020-10-03 Lily.L

更新jQuery版本后报错url.indexOf is not a function解决办法

http://www.findme.wang/Blog/detail/id/196.html

 

最近在使用之前下载的jquery.thinkbox.js，一直报错url.indexOf is not a function，如下：

经分析，报错主要是由调用load函数引起：

1 2	$("").load(function(){ })

 

因为在jquery3.2.0中，load函数定义如下：

函数的第一个参数为url，即字符串，indexOf属于字符串的方法，瞬间明白，传入一个函数的时候报错url.indexOf。

为什么之前用的时候可以呢？

通过查阅jQuery Blog，发现

.load, .unload, and .error, deprecated since jQuery 1.8, are no more. Use .on() to register listeners.

原来在Jquery1.8之后的版本，load方法已经被遗弃。移除原因如下：

The .load() method is an ambiguous signature, it can either be an ajax load or attach/fire a "load" event. CCAO cannot tell them apart since it‘s a dynamic decision based on arguments.

If .load() is being deprecated, .unload() should be as well.

因为和ajax中load方法冲突，具体可以参考这里

处理load问题的解决方案

jQuery Blog上说，通过使用on进行绑定，即如下：

1 2	$("").on(‘load‘,function(){ })

因为on和bind都是处理事件绑定的，经测试bind也可以。

1 2 3 4 5 6 7

$("").bind(‘load‘, function(){ //处理相应的事务 }).attr({        "href" : ‘index.css‘,        "type" : "text/css",        "rel"  : "stylesheet"      }).appendTo(‘head‘);