javascript - 使用远程内容的 jQuery UI 模态对话框表单

Question

我在动态生成的网页中有一个表单，我想使用 jQuery UI 模式对话框显示它。

当我单击“打开表单”链接时，如何显示带有远程现有表单 (myform.html) 作为内容的模态对话框表单？单击提交按钮应关闭对话框。

Answer 1

这会将 myform.html 的内容加载到 ID 为 formContainer 的元素中，使 formContainer 成为模态对话框(显示表单).提交表单时，对话框将关闭

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