2014-01-08 54 views
3

全部 -在jQuery UI中強制插件使用特定版本的jquery

我面臨jQuery UI對話框的問題。在我工作的頁面上有多個版本的jquery。調用jQuery用戶界面對話框中的代碼如下:

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

加載到對話窗口使用plugin.js將內容添加到DOM的dialogContent.cfm。我面臨的問題是對話框不再使用1.10.2版本,而是使用舊版本的jQuery,由於未能調用該插件。我如何確保對話窗口使用最新版本?

+0

你怎麼知道它使用的是舊版本?它應該使用您包含的版本。你是否同時包含不同版本的jQuery? –

+0

我使用$ .fn.jquery在調用頁面以及對話窗口上檢查了版本。兩者都返回不同的版本 – DG3

+0

你確定它不是與jQuery版本不同的插件版本嗎?你能在這裏粘貼2個版本嗎? –

回答

2

你有沒有嘗試過這樣的:How do I run different versions of jQuery on the same page?

您可以在不衝突模式,使用的時候不同版本定義不同的jQuery的名稱。

然後使用正確的一個來加載你的模態。

+0

但我不想用新名稱更新插件 – DG3

+0

$ 110('。selector')。modal(); –

+0

解決方案是否正常工作? –

相關問題