JavaScript - Multiple jquery library reference on same page
Asked By Nowshad M on 19-Sep-13 01:16 AM
I have a page with multiple jquery reference. I am using a third party
control(webparts), and whenever i add this control to my page it is
adding a new reference to 1.6.1 jquery.min.js
I cannot remove
this script reference from page as i do not have any control over the
control, and this multiple reference to jquery library is breaking my
site basic jquery functionlity. I have tried using jquery conflict but
it is not making any difference. However my page is working properly if i
have only one webpart(means script is referred only once in page).
Below is the conflict script im using
if(typeof $!="undefined"&&$.noConflict)
{
window.jQuery=$.noConflict(true);
if(window.jQuery&&jQuery.fn.jquery=="1.6.1")
window.jQuery=jQuery
};
Can
anybody help me on this . Basically my site jquery functionality
shouldn't break if i have more than one reference to jquery libraries.
Thanks
Erik Little replied to Nowshad M on 28-Feb-14 03:03 PM
You know, there really is no way around this type of situation, not only do you use the jQuery for your UI your using a third party control that uses another library which is jQuery.
The first thing that comes to mind is to try to put that webparts control in a html page and put a iFrame in the parent page referencing the html page that has the webparts control.