使用 jQuery ui 对话框加载 jQuery

Question

我想用另一个asp页面弹出那个内容。

我使用 jquery.load 将页面加载到 div 并使用 jquery-ui.dialog

我的代码：

<div id="dialog"></div>

页面准备就绪：

$(function () {
    $('#dialog').load('page.aspx').dialog({ autoOpen: false, modal: true });
});

在点击事件中

$("#btn").click(function()
{
     $("#dialog").dialog('open');
});

但是当点击 btn 时，我得到了错误

对象不支持属性或方法“对话”

编辑

如果我写

$("#btn").click(function() {
    $('#dialog').load('page.aspx')
                .dialog({ autoOpen: false, modal: true })
                .dialog('open');
});

效果很好！

但是在

$("#dialog").dialog('close');

我得到了同样的错误

Answer 1

我没有在页面上定义div，而是动态的

我定义var $dialogRptOpt;

   $(function () {
                 $dialogRptOpt = $('<div></div>').load('page.aspx').dialog({ autoOpen: false,
               title  :$("#txtDialogRpt").val(),
                    modal: true
                }) ;
    });


    $("#btn").click(function()
    {
               $dialogRptOpt.dialog('open');

    });