Question

全部 -

我遇到了jquery UI对话框的问题。我正在使用的页面上有多个jquery版本。调用jquery UI对话框的代码如下：

<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>

加载到对话框窗口的dialogContent.cfm使用plugin.js向DOM添加内容。我面临的问题是对话框不再使用版本1.10.2，而是使用旧版本的jQuery，因为没有调用插件。如何确保对话框窗口使用最新版本？

Answer 1

你试过这个：How do I run different versions of jQuery on the same page?

在无冲突模式下使用时，可以为不同版本定义不同的jQuery名称。

然后使用正确的方式加载你的模态。

强制jquery UI中的插件使用特定版本的jquery

1 个答案: