forcing a plugin in jquery UI to use particular version of jquery

Question

All -

I am facing an issue with jquery UI dialog. There are multiple version of jquery on the page I am working. The code for calling jquery UI dialog is as follows:

<link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>

<script type="text/javascript" src="plugin.js"></script>


<script type="text/javascript">
    (function($){
        $('#loadDialog').dialog({
                autoOpen: false,
                height: 455,
                width: 500,
                modal: true
            });

            $('#btnClick').on("click", function(e){
                    e.preventDefault();
                    $('#loadDialog').load('dialogContent.cfm', function() { 
                        $(this).dialog({ position: {at: "right"}});
                        $(this).dialog('open');
                        $(this).dialog('open');
                    })
                })

         }(jQuery));
</script>

html:

<div id="loadDialog" title="Dialog Window"></div>

The dialogContent.cfm that is loaded into the dialog window uses plugin.js to add content to DOM. The issue I am facing is that the dialog is no longer using version 1.10.2, but is using an older version of jQuery, there by failing to invoke the plugin. How can I make sure that the dialog window uses the latest version?

How do you know it's using an older version? It should be using the version that you include. are you including different versions of jQuery at the same time? — Fabien Warniez
– Fabien Warniez, Commented Jan 8, 2014 at 2:24
I checked the version on the calling page as well as on the dialog window using $.fn.jquery. Both return different versions — DG3
– DG3, Commented Jan 8, 2014 at 2:26
Are you sure it's not the plugin version that's different from the jQuery version? Can you paste the 2 versions here? — Fabien Warniez
– Fabien Warniez, Commented Jan 8, 2014 at 2:26
jquery versions are 1.10.2 and 1.6.2. Yes the plugin needs 1.10.2 but its using 1.6.2 which is defined later in the same page the code that is used to call the dialog window — DG3
– DG3, Commented Jan 8, 2014 at 2:31
Which version of jQuery are you including? Version requirements are usually backward compatible. If you need 1.6.2 and use 1.10.2 there should not be a problem, unless the plugin is very old and not maintained. — Fabien Warniez
– Fabien Warniez, Commented Jan 8, 2014 at 2:33

Community · Accepted Answer · 2017-05-23 12:32:38Z

2

Have you tried this: How do I run different versions of jQuery on the same page?

You can define a different jQuery name for different versions when using them in no conflict mode.

Then use the right one to load your modal.

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Jan 8, 2014 at 2:47

Fabien Warniez

2,7411 gold badge21 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

DG3 Over a year ago

But I dont want to update the plugin with the new name

Fabien Warniez Over a year ago

$110('.selector').modal();

DG3 Over a year ago

Yes, it did. I thought I have to update the plugin too to use the updated name for jQuery, but it worked as it is...not sure why and it would be great if someone could an explanation....

Collectives™ on Stack Overflow

forcing a plugin in jquery UI to use particular version of jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related