What could cause this randomly appearing error inside jQuery itself?
javascript, jquery
Solution
The problem is not in your code, but in Chrome itself -- see bug #125148. The current workaround is to change pushStack as follows:
pushStack: function( elems, name, selector ) {
// Build a new jQuery matched element set
var ret = this.constructor();
// temporary workaround for chrome issue #125148
// http://code.google.com/p/chromium/issues/detail?id=125148
if (!(ret instanceof jQuery.fn.init)) {
console.log("applying pushStack fix");
ret = new jQuery.fn.init();
}
// ... snip ...
Also, see this related question.
Problem
I'm pounding my head against this. Once every 5-10 times I reload my app, I get a bizarre error originating inside jQuery. I try adding breakpoints inside the non-compressed version of jQuery to try to back out from the error, but Chrome never stops for them, instead always skipping ahead to the error. I'm using jQuery 1.7.2, but this error also occurs in versions 1.7 and 1.6.1. In my javascript app, I call this line of code: ``` this.element.find('.banner-btn') ``` Where `this.element` is a jQuery object. There is no reason this should cause a problem, and 9 times out of 10 there is no problem. But randomly something breaks, and then every time that line of code is called the result is some variant of this stack trace: ``` Uncaught TypeError: Cannot call method 'apply' of undefined makeArrayjquery-1.7.2.js:4858 Sizzlejquery-1.7.2.js:5110 jQuery.fn.extend.findjquery-1.7.2.js:5432 ``` In fact, any time after this breaks that I call $.fn.find I get this error. I have tried all kinds of things, I've been reading the jQuery source, and I can't get anywhere on this. Anybody have any idea where to go with nailing this down? Update: further down the rabbit hole I've chased this further into the jQuery library, and found where the error first pops up. Kind of. To keep track of DOM traversal, jQuery uses the pushStack method. This is called in the jQuery.fn.find method, and is supposed to return a jQuery object. And it normally does -- but when something snaps inside jQuery, this function only returns a regular object, with no jQuery goodies. This causes an error down the line. Okay, here is the first little bit of source for pushStack, defined on line 241 of jquery-1.7.2.js: ``` // Take an array of elements and push it onto the stack // (returning the new matched element set) pushStack: function( elems, name, selector ) { if(window._debug_jQuery_pushStack) { debugger } // Build a new jQuery matched element set var ret = this.constructor(); // ---- the function continues, but this is enough for us ---- ``` The bit where `var ret = this.constructor();` is where the jQuery goodies are supposed to be added. In this case, they're not. Somehow `this` has been corrupted into a regular object, not jQuery. So now my question is: how do I find the cause of this corruption? A difficulty is that this only occurs once out of 10 or 20 times my application loads, and appears to be completely random.