首页 文章

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

提问于
浏览 次
0

基本上设置如下 . 我有一个简单的联系页面 . 用户选择电子邮件收件人，然后填写邮件主题和文本 . 当他们点击提交时，表单是使用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的理解以及如何实现这一点 . 这可以实现吗？有人能指出我正确的方向还是我应该考虑其他方法来实现这一目标？

谢谢

jquery ajax forms response modal-dialog

1 回答

  • 1

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

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

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

相关问题