我们有一个广泛使用jQuery的网站,它在Firefox和IE中工作正常.但是在Chrome中,我们越来越频繁(半随机)未捕获TypeError:无法调用未定义的方法“apply”(也可以使用其他jQuery方法代替apply).
我们设法将问题跟踪到jQuery方法pushStack().
原始源代码(jQuery 1.7.1):
// Take an array of elements and push it onto the stack // (returning the new matched element set) pushStack: function( elems,name,selector ) { // Build a new jQuery matched element set var ret = this.constructor(); // (etc.) }
仪器代码:
pushStack: function( elems,selector ) { if (!(this instanceof jQuery.fn.init)) throw this; // Build a new jQuery matched element set var ret = this.constructor(); if (!(ret instanceof jQuery.fn.init)) { console.log("pushStack>this: " + this.constructor); console.log("pushStack>ret: " + ret.constructor); throw ret; } // (etc.) }
在大多数情况下,pushStack()正确运行.但是有时Chrome会构造Object对象而不是jQuery.fn.init.控制台输出:
pushStack>this: function ( selector,context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector,context,rootjQuery ); } pushStack>ret: function Object() { [native code] } Uncaught #<Object>
有人遇到类似的问题吗?这是Chrome的(已知的)bug吗?
更新
我设法简化了我们的页面,以便它可以自己加载.我填补了bug in Chromium project项目,复制问题的页面附在那里.
解决方法
Chromium bug tracker中的回复似乎证实这是Chrome浏览器的错误.
解决方法是在jQuery中“修复”pushStack()函数:
// Take an array of elements and push it onto the stack // (returning the new matched element set) pushStack: function( elems,selector ) { // Build a new jQuery matched element set var ret = this.constructor(); // Workaround for Chrome bug if ((this instanceof jQuery.fn.init) && !(ret instanceof jQuery.fn.init)) { // console.log("applying pushStack fix"); ret = new jQuery.fn.init(); } // etc. }