Javascript 隐藏 Jquery 表单答案

【问题标题】：Javascript Hide Jquery FormJavascript 隐藏 Jquery 表单
【发布时间】：2012-04-06 18:39:09
【问题描述】：

我有一个通过 php 提交的 js 和 html 表单。提交后，将发送电子邮件，php 返回一条成功消息，该消息使用 jquery 附加到表单的底部。

submitHandler: function(form) {
    $.ajax({
        type: 'POST',
        url: 'process.php',
        data: $(this).serialize(),
        success: function(returnedData) {
            $('#commentForm').append(returnedData);
        }
    });
    return false;
},

相反，我希望 js 删除并重置（隐藏和清除）评论表单，但仍将返回的数据附加到与 #commentForm 相同的位置

【问题讨论】：

没有成功。感谢您的任何建议
你为什么要否决我的问题？这个问题没有错。简洁明了，其实
确实有。我们没有看到您自己为解决此问题付出了任何努力。
我以为这是一个问答网站。我提供一个问题，您可以选择是否回答。感谢您的帮助
您显然没有阅读当地的“如何提问”文件。 Here it is 为您提供方便。

标签： javascript forms append comments

【解决方案1】：

remove() 函数可以做到这一点。

  $('#commentForm').remove();

【讨论】：

.remove();有效，但似乎与 .append() 冲突。如何获得附加的返回数据但删除表单？
$('#commentForm').html('').append(returnedData);这个？
谢谢，这正是我的意思。唯一的问题是表单必须在访问 php 之前等待它被删除。我将为您提供答案，但如果您对如何在点击而不是成功删除 commentForm 有任何想法，我将不胜感激。感谢您的帮助
submitHandler: function(form) { $('#commentForm').html('');
感谢您在这里得到真正的帮助

【解决方案2】：

根据@GRIGORE-TURBODISEL 所说的，但如果有更好的动画，你可以做到这一点

$('#commentForm').slideUp(1000, function(){
    $(this).html(returnedData).show('fast');
});

首先它在1秒内隐藏表单，完成后清空html，放入returnedData并再次显示

【讨论】：