using multiple jquery and jquery-ui versions

I am working within the AspDotNetStorefront environment, which does not like newer versions of jQuery. I have a component the resides on a page with the older versions. I have to run igniteui16.2 under the latest versions – I’ve just downloaded them. To eliminate conflicts, I replaced all $ references with $j in the control’s jquery – jquery-ui and infrgistics.js, which should allow me to run in a sandbox. It does not seem to work. The error get with a combo (when the browser is parsing my control script) is :

TypeError: $j(#combo).igCombo is not a function.

 

Anyone have any suggestions?

 

This is a rough environment to work in.

Thanks

Abbott

Hello Abbott,

Thank you for contacting us.

For your scenario you should use https://api.jquery.com/jquery.noconflict/ . Ignite UI supports jQuery.noConfict so it should suit you perfectly.

Please let me know if you need further assistance.

Thanks. That sounds great. Could you please give send me a sample. My aspx page has already loaded an older version of jquery & jquery-ui. The control needs to use the newer versions of both allowing the 16.2 version of igniteui components to work properly. Once the user is finished with the page, all other aspx pages that do not need this control or 16.2 will be load with the older versions.

Thanks

Abbott

As a note, for testing this I have the following in the ascx control …

 
    <!– Ignite UI Required Combined CSS Files –>
    <link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/themes/infragistics/infragistics.theme.css&quot; rel="stylesheet" />
    <link href="http://cdn-na.infragistics.com/igniteui/2016.2/latest/css/structure/infragistics.css&quot; rel="stylesheet" />
    <!– Ignite UI Required Combined JavaScript Files –>
    <script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/infragistics.core.js"></script&gt;
    <script src="http://cdn-na.infragistics.com/igniteui/2016.2/latest/js/infragistics.lob.js"></script&gt;
    <!– My js file referencing the .iggrid and .igcombo functions –>
    <script src="jscripts-KBO/kbo-bookselector.js"></script>

Hello Abbott,

Thank you for your update. Here are the steps you should take to resolve your issue:

1. Load the new jQuery and jQuery UI versions and load the control you want to run with it.

2. Call jQuery.noConflict(true);

3. Load the old jQuery and jQuery UI versions so everything else could use them.

For a proper sample please refer to the link I mentioned earlier – https://api.jquery.com/jquery.noconflict/. There you could find a lot of samples, including resolving conflict with two versions of jQuery. 

Please let me know if you need anything else.

Thank you. I now understand. Hope all is going well in the Sofia office.

Abbott

Hello Abbott,

Everything is going great in Sofia.

I am looking forward to hearing from you if you need further assistance with your issue.