Multiple jQuery on Same Page Conflicting

Hi,

I have a jQuery Carousel on my website but would am trying to add a jQuery Carousel to the page too but when I do so the Carousel stops working.

Here is the code for the Carousel in the head section:
[php]

[/php]

Here is the code for the Slider at the end of the page:
[php]



$(function () {

	  // Slideshow 1
	  $("#slider").responsiveSlides({
	    maxwidth: 800,
	    speed: 1000
	  });
	
	});
	</script>
[/php]

Any help is appreciated!

You only need to load jQuery once in total, with the exception of the NoConflict edge cases. Remove your second jquery script tag and it should work seamlessly.

Thanks for the tip but i am still having a problem. When i remove one of the JQuery the other one starts working and the one that was working stops working.

Any thoughts?

It’s the second jQuery you need to remove, not the first.

When remove the second one, the carousel starts working but the slider stops working. Can you expand on what you mean by the NoConflict edge cases?

Still can’t get them both to work.

Sponsor our Newsletter | Privacy Policy | Terms of Service