为什么我的 jQueryUI 模态对话框不起作用？

Question

我有一个简单的任务却让我抓狂。

我的 jQuery 代码：

        $(document).ready(function() {
        $("#dialog_open").button().click(function () {
             $("#dialog_frame").open();
        });
        });
    
    $(document).ready(function() {
        $('#dialog_frame').dialog({
        autoOpen:false,
        height:500,
        width:500,
        modal:true;
        });
    });

按钮的 HTML：

                    <td>
                    <input type="button" id="dialog_open" value="Open" />
                </td>

模式弹出窗口内容的 HTML：

<div id="dialog_frame" style="display:none;">
    <p>I am here!</p>    
</div>

当我点击按钮时，没有任何反应。我还看到对话框的内容不会隐藏，除非我放置 display:none;在那里。

我做错了什么？我已经包含了 jQuery、jQueryUI 和 jQueryUI CSS 文件的链接，但无法让它工作！ （我还有其他网站可以正常工作）

Answer 1

应使用 :

 调用 

open

 小部件的 

.dialog

方法

$("#dialog_frame").dialog('open');

（而不是

$("#dialog_frame").open()

- 这行代码不会在您的 javascript 控制台中引发错误吗？）

Answer 2

用这个

$(document).ready(function() {
   $("#dialog_open").button().click(function () {
       $('#dialog_frame').dialog({
           height:500,
           width:500,
           modal:true
       });
    });
});