使用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');

    });