Question

I have integrated different JavaScripts on a site I’m making and now I’m experiencing conflicts between them. The site will sometimes never finish to load and an image slider will struggle to show its images.

Is there any good tools or ways to find these conflicts and fix them?

The page with the conflicts: http://cpanel12.proisp.no/~annaryuh/

Answer 1

you can encapsulate your jQuery code in a new scope, so it won’t conflict with the other libraries, something like this:

(function($){
     // your jQuery code here...
}(jQuery));

Also you can use jQuery’s noConflict method to return the $ symbol it’s original value.