Question

How do you guys resolve conflicts between Jquery plugins. A conflict would be a situation where two or more Jquery plugins (such as a file upload plugin) work properly alone but result in errors or unintended behavior when you include a second plugin.

I have this problem right now and I am considering using an iframe to isolate sections of my page from everything else. But I want to avoid this if possible to work out these conflicts.

Auditing the plugin code is not feasible its mountains of code and there are short development times to consider.

I can’t use jquery.noConflict because I would have to fire it and then replace the $ with Jquery in ever line of my code. Editing the plugins is not feasible. I thought jquery.noConflict didn’t work for plugins? It only works for javascript/jquery libraries? I’m not reffering to libraries. Just plugins like sliders, galleries, fileuploaders etc etc.

I used:

(function($) {
jQuery.noConflict();

});

Already..

Answer 1

After some digging around on the web I found some resources

1. Jquery Plugin conflict

2. How do I solve this jQuery plugins conflict?

3. http://forum.jquery.com/topic/jquery-plugins-conflict

And the last one
http://www.jotform.com/help/130-Fixing-Jquery-Plugin-Conflicts-jCarousel

It seems that everyone suggest to use noconflict but except for the last one who said it worked – I don’t see a reason it should work, since in documentations JQuery explains that it was meant for libraries that don’t use JQuery but collide with it. ( see the 3rd resource I pasted here).

Anyway, it seems as if the best option is to dive into the code and modify it.