What's stopping my page's JavaScript being invoked?

Question

Hello y'all!

Now I'm still learning, so forgive me if this is simple to some of you. But my Joomla-powered community site is having a bit of difficulty since updating JomSocial, a Joomla component, to 1.6 today.

I think something is stopping other JavaScript being loaded on the homepage and other pages too. If you look at the site:

https://www.swimwire.com/

, you'll see there's a little blue box at the top above the header - that normally has a label on saying 'Click Me!', I haven't changed any of its code but it's not appearing to me in Safari 4 on a Mac. Also, there's a blue space just above the row of flags where an image slideshow normally is, but again, I'm not seeing it since the update earlier today. I'm assuming it's put in some JavaScript that's stopping the rest of the page's JS loading... but then again, I may be completely and utterly wrong!

Either way, thanks for the help.

Jack

Answer 1

You're getting the error $ is not a function https://www.swimwire.com/templates/rt_colormatic_j15/js/roktools_packed.js/eval/seq/1 Line 1

And then later on: $ is not a function https://www.swimwire.com/modules/mod_rokslideshow/tmpl/slideshow.js Line 73

Are you missing jQuery or somehow destroying it? Also, I'd recommend upgrading to jQuery 1.4.

Answer 2

If you are using Safari 4, you have some powerful development tools available. Click on the menu Develop -> Show Web Inspector You will see the errors in the console, the scripts, a javascript debugger, css styles etc...

You can have a look at that page http://www.apple.com/safari/features.html#developer

Answer 3

You're loading jQuery AND mootools together. They both supply a $() function, and most likely mootools is stomping on the jQuery version of it. Nuke the following line from the headers and see what happens:

<script type="text/javascript" src="/media/system/js/mootools.js"></script>

Newer versions of mootools (currently at v1.2.4) have some protection against stomping over other toolbox's $() functions, but you're running a somewhat outdated version (v1.11) that most likely does not have this ability.