爲什麼不是我的jquery對話框工作？

我一直想弄清楚如何讓jquery對話框工作。對於我的生活，我無法實現它的工作。下面是一些HTML與在線的JavaScript我寫：爲什麼不是我的jquery對話框工作？

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
     function showDialog() { 
      $('#dialogBox').dialog(); 
     } 
    </script> 
</head> 
<body> 

<input type="button" value="Click me" onclick="showDialog();" /> 

<div id="dialogBox"> 
    <p>This is the text of my dialog box.</p> 
</div> 

</body> 
</html>

當我點擊Internet Explorer中的按鈕，它說Object doesn't support this property of method.我在做什麼錯？

來源

2010-10-12 Daniel Allen Langdon

據我所知，dialog（）函數是jQuery UI的一部分，它看起來不像你的代碼引用UI庫。嘗試添加像

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js" type="text/javascript"></script>

在<head>下面你參考jQuery庫。這將拉入Google託管版本的源代碼。

我會想象，谷歌託管的版本包含了很多東西，你不需要，所以你可能能夠通過downloading your own copy，只選擇您需要的組件，以加快加載時間。

來源

2010-10-12 15:12:41

接受：這是正確的，我不知道的jQuery和jQuery UI是兩個不同的腳本庫。謝謝！ – 2010-10-12 15:48:15

，你可以嘗試使用這個打開，

function showDialog() { 
     jq('#dialogBox').dialog('open'); 
    }

或關閉

function showDialog() { 
     jq('#dialogBox').dialog('close'); 
    }

來源

2014-07-01 17:57:53

爲什麼不是我的jquery對話框工作？

回答

相關問題