使用远程内容的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;
    });
});