jQuery/JS problems.

Hello all,

I am trying to include Snook’s Background transition script (http://snook.ca/archives/javascript/jquery-bg-image-animations/) into my site (http://zenith.revolutionary-designs.co.uk).

I have included the relevant jQuery files and JS files, and also have tried the jQuery.noConflict() to fix the problem, but I cant seem to get the menu to slide/move. I have also tried making snippets and placing them into my template, but still no joy.

I thought the problem was originally just bad JS file links, but they are all present and accounted for and am finally out of ideas!

I have tried the whole page offline not on ModX - and it works, so I think i dont understand how ModX loads jQuery or something?

Any help would be great!

Thanks in advance!

Pretty sure nothing to do with modx.

I think you are making your call before the dom has been fully loaded

try wrapping your code in:
$(document).ready(function() {

//code

});

cheers,

It’s most likely a conflict with the QuickManager. If you’re going to have this header on all pages, go to the QuickManger plugin’s configuration tab and disable loading of JQuery in the front-end and loading it in no-conflict mode in the front end (or disable the plugin altogether if you’re not going to use it). Then use your jQuery in normal mode as you did on the offline page. If it’s only on the home page, you can disable QuickManager for individual pages, so disable it for resource ID #1 (if that’s your home page).

Hello,

Thanks for your help folks, but still nothing.

I disabled the manager plugin in, but it still doesn’t activate my js script.

I’ve change the code as you said no, but nothing happened there either..

What error can you see in your javascript debug console ?

hi,

funny, wondering the same thing as lossendae, i went to you website and no js error in firebug, then, why doesn’t that work ? -> web developer -> see javascript ! well, for the moment just because the script isn’t in your page

Have swing

I’ve checked the link you gave us as well.

On the network tab of firebug there no JS loaded (no error, just not present) and one CSS who return a 404 error (style2.css).

You might have forget to load the chunk in your template?

Oh got rid of that style2.css, and ive loaded the chunk again, but still nothing.

It couldnt be because im working off a subdomain? Even though ive got the <base href="http://zenith.revolutionary-designs.co.uk" /> included?

Ah ha!

Found the problem, when i added the no conflict, I missed a $ to add an ’s’ too.

Sorry for the bother and thanks for the help!