jquery - jQuery fadeIn 因 jQuery 表单插件而失败

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/

score 1 · Accepted Answer

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

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

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

1 回答 1