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

jQueryUI模式对话框无法正常工作

2 个答案: