Question

我有一条消息，表示我希望在成功发送表单时淡入淡出。我正在使用jQuery表单插件和代码：

$(document).ready(function() {
var options = {
target: '#output',
beforeSubmit: validate,
resetForm: true
}; 
$('#holdform').ajaxForm(options);
});

验证功能完美运行所以我在返回 true 之前添加了此代码：
（...）

$('#output').fadeIn('slow');
return true;    
}

这应该淡化我在表单下面的div，样式为display：none;。
但是发生的事情是div消失然后消失。有没有人有解释，可能有解决方案来修复它？先感谢您！

代码可以在其中看到错误操作：http://gadebold.dk/events/tilmeld/

Answer 1

正在发生的事情是内容被替换。您正在淡入#output div，但当服务器响应返回时，表单插件会将该响应放在#output中，因为这是您将目标设置为的内容。

如果您不关心服务器响应，只需删除target选项，它就不会替换它的内容，如下所示：

$(document).ready(function() {
  var options = {
    beforeSubmit: validate,
    resetForm: true
  }; 
  $('#holdform').ajaxForm(options);
});