Question

Our company site has a JavaScript problem that I’m desperately trying to solve, but really struggling with. My JS skills are good enough to build a site with things like jQuery, but I am not that proficient in debugging – so really appreciate any help.

Seemingly randomly, all JS components (e.g. a jQuery Datepicker) on the page stop working. When force-reloading the page with the error console open, these errors happen about 60% of the time – there doesn’t seem to be any pattern to it. The only way to fix the site once this happens is by clearing the cache and reloading.

The Console outputs the following:

Uncaught TypeError: Object #<Object> has no method 'each'
Uncaught TypeError: Object #<Object> has no method 'not'
Uncaught TypeError: Object #<Object> has no method 'each'

However: that’s just one example. Other times I will get completely different errors. E.g. a few minutes after submitting this question, I tried again, and got this:

Uncaught TypeError: Cannot call method 'apply' of undefined

Which again was thrown from jquery.min.js – pretty-printed, line 1453 (third line down):

 if (g.call(k) === "[object Array]")
     if (!u)
         e.push.apply(e, k);

I set Chrome to break on all unhandled exceptions, and this was another exception it caught – on line 3 of the minified jQuery library. Shown below is the pretty-printed version:

try {
    b.call(c.documentElement, "[test!='']:sizzle")
    } catch (f) {
        e = !0
    }

The actual erroring line begins b.call[...]. This works out to line 1904 of jquery.min.js.

• I am using the latest jQuery
• This only started happening recently – after changing nothing!
• The errors happen seemingly randomly
• Usually (but sometimes), no errors are thrown from my scripts – e.g. script.js – usually they are thrown from a minified library. It varies each time.
• This seems to happen in all browsers, but more often in Chrome than Firefox

Any ideas where to begin? Unfortunately this is an internal corporate website so providing access is tricky, as we deal with sensitive data throughout the site.

Thank you for your help!

Answer 1

Seems to me that your page is quite big and the browser tries to execute the js code before the DOM loads completely… probably because you’re using in-line javascript code..

That could explain the random errors and the fact that you have errors when you force the reload.

I’d suggest you to put your JS code inside a dom ready event so the js code could be executed without problems..

Hope this helps 🙂