创建一个模式对话框确认,表明已从表单发送电子邮件

时间:2011-08-11 01:33:21

标签: jquery ajax forms response modal-dialog

基本上设置如下。我有一个简单的联系页面。用户选择电子邮件收件人,然后填写邮件主题和文本。当他们点击提交时,表单是使用jQuery提交的,并且进行了一次ajax调用,返回成功(或失败)所述消息被php脚本正确处理和发送。

目前代码看起来像这样。

$(document).ready(function(){
        var options = { target: '#results' }; 
            $('#classemail').submit(function() {
                $(this).ajaxSubmit(options); 
                return false; 
            });
    });
    function fade(div_id, button) {
    if(button.value == 'Send') {
        $('#'+div_id).empty().show().delay(7000).fadeOut(1000);
    }
        }

发送表单,html响应显示在结果div中。

<div class="results" id="results"><div>

非常基本......问题是我更喜欢用模态对话框做回这个响应,因为有div处理它需要页面上的空间,它不像模态对话框那样明显或直观将会。为此,我试图添加这样的功能,但坦率地说,我可能有点超出了我目前对jquery的理解以及如何实现这一点。这可以实现吗?有人能指出我正确的方向,还是我应该考虑其他方法来实现这个目标?

由于

1 个答案:

答案 0 :(得分:1)

返回结果后。你可以初始化div成为一个对话框。默认情况下,对话框将自动打开。检查here以获取有关如何配置它的更多信息。 通过调用.dialog( "destroy" )

,您也可以在不需要时销毁对话框

完全删除对话框功能。这将使元素返回到其初始化前状态。但是,您可能希望在销毁对话框之前清空div,因为它将变为可见。

$(".results").dialog({modal:true});