Conflicts with jQuery Libraries - Site Needs to go Live - Please Help!

Conflicts with jQuery Libraries - Site Needs to go Live - Please Help!

(Issue resolved)

Hello everyone,

Here's what's happening: I have a website up on a test domain right now that I'm almost completely ready to move to the proper domain, but this issue is keeping me from putting it all together.

You can follow along at the test domain here. (user removed link)

As you can see, I have 3 site elements that use jQuery:
  • Twitter Slider Box (bottom right of most pages)
  • Drop Down Menu (nav menu on all pages)
  • Flickr Gallery Wordpress Plugin (/photos/)
In my header.php file I had to have both the lines in order to make *both* the Twitter Slider Box and the Drop Down Menu to work properly. There were no conflicts however.

  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  2. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

However, when I added the extremely popular Flickr Gallery plugin (http://wordpress.org/extend/plugins/flickr-gallery/) the Lightbox effect it comes with wouldn't work.

The weird thing is If I disable the 2nd jQuery library, the lightbox will work on the photos page, but then the Twitter Slider Box stops working.

  1. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Frankly, I have no idea how to make all 3 applications play nicely together. If anyone could lend me a hand, I would be extremely appreciative. If it's allowed on these forums, I can even give a small tip for your time. This site needs to be up within a couple days, so I'm getting a little bit desperate... if you can, please help!

I obviously don't know much about jQuery, but with all the libraries out there, I'm a little confused if some apps are written with one and don't work with others... doesn't that kind of defeat the purpose if it creates incompatibility?

One more question, I know Wordpress comes with jQuery, and I see that it is including it in my page's source, but how come it won't just magically make everything work without me needing to put the extra references to Google's jquery libraries?