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

Question

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

当我点击“打开表单”链接时，如何显示具有现有远程表单（myform.html）内容的模态对话框表单？

单击提交按钮应关闭对话框表单。

- djondal

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;
    });
});

- Simen Echholt