Question

我一直在试图弄清楚如何让jquery对话框工作。对于我的生活，我无法让它发挥作用。这里有一些html与我写的内联JavaScript：

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

在下面的<head>中，您引用了jQuery库。这将引入Google托管的源版本。

我认为Google托管的版本包含许多您不需要的内容，因此您可以加快downloading your own copy的加载时间，并且只选择您需要的组件。

Answer 2

您可以尝试使用此功能打开，

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

或关闭

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

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

2 个答案: