讓jquery對話框工作的問題

在下面的代碼中，單擊按鈕時對話框將不會打開。此外，對話框的內容在加載頁面時顯示，並且在單擊按鈕之前不會隱藏。讓jquery對話框工作的問題

什麼問題？

此代碼接近jquery ui站點的代碼。

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <script src="../websites/jquery-1.10.1.min.js"></script> 
    <title>Untitled Document</title> 
</head> 
<body> 
    <button id="opener">open the dialog</button> 
    <div id="dialog" title="Dialog Title">I'm a dialog</div> 
    <script> 
     $("#dialog").dialog({ autoOpen: false }); 
     $("#opener").click(function() { 
      $("#dialog").dialog("open"); 
     }); 
    </script> 
</body> 
</html>

來源

2013-06-28 Richard

您忘記了包含提供對話框小部件的jQuery UI。

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

當兩者都已包含在頁面，它工作正常，在此jsFiddle example。

來源

2013-06-28 21:00:16 j08691

嗯，我覺得自己像一個白癡。謝謝您的幫助。 – Richard

讓jquery對話框工作的問題

回答

相關問題