1

我有一个简单的任务让我发疯。

我的 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 文件的链接,但无法让它工作!(我有其他工作正常的网站)

4

2 回答 2

4

应使用以下方法调用小部件的open方法:.dialog

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

(而不是$("#dialog_frame").open()- 这行代码不会在您的 javascript 控制台中引发错误吗?)

于 2013-06-27T14:50:01.570 回答
0

用这个

$(document).ready(function() {
   $("#dialog_open").button().click(function () {
       $('#dialog_frame').dialog({
           height:500,
           width:500,
           modal:true
       });
    });
});
于 2013-06-27T14:45:17.600 回答