無法使用JQuery-UI顯示模型對話框

在嘗試執行更困難的任務之前，我試圖顯示模態對話框作爲測試運行。但是，我似乎做錯了，因爲我從demo site複製的代碼在設置並在本地運行時無法正常工作。無法使用JQuery-UI顯示模型對話框

這裏是我的源：

<html> 
    <head> 
     <script type="text/javascript" src="lib/jquery/js/jquery-1.3.2.min.js"></script> 
     <script type="text/javascript" src="lib/jquery/js/jquery-ui-1.7.2.min.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       var $dialog = $('<div></div>') 
        .html('This dialog will show every time!') 
        .dialog({ 
         autoOpen: false, 
         title: 'Basic Dialog' 
       }); 

       $('#opener').click(function() { 
        $dialog.dialog('open'); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <button id="opener">Press</button> 
    </body> 
</html>

到目前爲止，我主要在想這個問題可能是一個相對路徑問題，我帶的外部庫的方式。但我嘗試過變化，沒有任何改變。

我對JavaScript還不熟悉，所以我可能會在這裏做一些非常不錯的選擇。任何幫助，將不勝感激。謝謝。

來源

2009-12-20 JasCav

這裏有一些事情你可以嘗試先添加一個鏈接標記爲CSS

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" rel="stylesheet"/>

其次確保你在你的自定義UI的JS包選擇對話框組件。

來源

2009-12-20 06:20:36

提及css的+1。添加CSS應該可以用於Jason。它爲我做了 – ram

$(document).ready(function() { 
    var $dialog = $('<div></div>').appendTo(document.body); 
});

來源

2009-12-20 06:12:17 czarchaic

無法使用JQuery-UI顯示模型對話框

回答

相關問題