jQuery UI 대화 상자에서 jQuery로드

Question

다른 ASP 페이지의 내용을 팝업으로 표시하고 싶습니다.

나는 사업부에와있는 페이지를로드하는 데 jquery.load 사용할 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'); 

에서

은 내가 페이지에 사업부를 정의하지 않습니다 같은 erorr

Answer 1

를 얻을 수 있지만, 동적

내가 var $dialogRptOpt;

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


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

    });