Jquery Dialog - 额外的对话框打开答案

【问题标题】：Jquery Dialog - extra dialog openingJquery Dialog - 额外的对话框打开
【发布时间】：2009-09-21 21:07:41
【问题描述】：

使用 ajaxForm 插件提交表单后，我打开了一个对话框。 ajaxForm 更新对话框内容。

问题是打开了一个额外的对话框。这是javascript代码：

function formSubmit(target, form, success){
    var formoptions = { 
        target: target,
        success: success
    }; 
$(form).ajaxForm(formoptions);
}

function createDialog(element){
    $(element).dialog({
            modal: true,
            autoOpen: false,
            buttons: {
                Ok: function() {
                    $(this).dialog('close');
                }
            }
        });
}

在我的加载函数中：

createDialog(".formresponse");
$(".contact_submit").click(function(){
    formSubmit('.formresponse', '.submitform', function(){
        $('.formresponse').dialog('open');
    });
});

【问题讨论】：

标签： jquery ajax jquery-ui dialog

【解决方案1】：

.contact_submit 是 input type="submit"> 吗？我想也许在单击它时会提交两次，一次是通过正常方式，一次是通过 ajax。尝试改用<input type="button">，看看是否还有 2 个对话框。

【讨论】：

【解决方案2】：

实际上，JQuery-Ui Google 小组中的某个人为我指明了正确的方向。我的页面中有两个类名相同的 .formresponse div。

我将它移出 php while 循环，以便它只在页面上出现一次，现在它可以工作了。

我真傻。

哦，它只提交一次，我在 Firebug 中检查过。

Jquery 在按钮上发出 return false 方面做得很好。

【讨论】：