jQuery UI модальная форма диалога с использованием удаленного контента

Question

У меня есть форма на динамической сгенерированной веб-странице, и я хотел бы ее отображать с помощью модального диалога jQuery UI.

Как я могу отобразить форму модального диалога с удаленной существующей формой (myform.html) в качестве содержимого, когда я нажимаю ссылку «Открыть форму»? Нажмите кнопку отправки, чтобы закрыть диалоговую форму.

Answer 1

Это будет загружать содержимое myform.html в элемент с идентификатором formContainer, сделать formContainer модальным диалоговым окном (с указанием формы). При отправке формы диалог будет закрыт

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