为什么我的jquery对话框不起作用？

Question

我一直在试图弄清楚如何使一个jquery对话框起作用。 为了我的一生，我无法使它运转。 这是一些我编写的带有嵌入式javascript的html：

<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. 我究竟做错了什么？

Answer 1

据我所知，dialog（）函数是jQuery UI的一部分，它看起来不像您的代码引用了UI库。 尝试添加类似

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

在下面引用jQuery库的<head>中。 这将提取由Google托管的源代码版本。

我可以想象Google托管的版本包含许多您不需要的东西，因此您可以通过下载自己的副本并仅选择所需的组件来加快加载时间。

Answer 2

您可以尝试使用它打开，

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

或关闭

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

为什么我的jquery对话框不起作用？

问题描述

2 个解决方案

解决方案1
3 已采纳 2010-10-12 15:12:41

解决方案2
0 2014-07-01 17:57:53

为什么我的jquery对话框不起作用？

问题描述

2 个解决方案

解决方案1 3 已采纳 2010-10-12 15:12:41

解决方案2 0 2014-07-01 17:57:53

解决方案1
3 已采纳 2010-10-12 15:12:41

解决方案2
0 2014-07-01 17:57:53