원격 콘텐츠를 사용하는 jQuery UI 모달 대화 상자

Question

웹 페이지에 동적으로 생성 된 양식이 있으며 jQuery UI 모달 대화 상자를 사용하여 표시하려고합니다.

"양식 열기"링크를 클릭하면 콘텐츠로 원격 기존 양식 (myform.html)과 함께 모달 대화 상자 양식을 어떻게 표시 할 수 있습니까? 제출 단추를 클릭하면 대화 상자가 닫힙니다.

Answer 1

의 내용을 ID가 formContainer 인 요소에로드하고 formContainer을 모달 대화 상자 (양식 표시)로 만듭니다. 양식을 제출할 때 대화 상자가 닫힙니다

$("#formContainer").load("myform.html", function() { 
    var container = $(this); 
    container.dialog({ 
     modal: true 
    }) 
    .find("form").submit(function() { 
     container.dialog("close"); 
     return false; 
    }); 
});