jquery - 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
       });
    });
});