Javascript隐藏Jquery窗体

Javascript Hide Jquery Form

本文关键字：窗体 Jquery 隐藏 Javascript      更新时间：2023-09-26

我有一个通过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 相同的位置

remove（）函数可以做到这一点。

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

基于@GRIGORE-TURBODISEL的说法，但有了更好的动画，你可以完成

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

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

相关文章：