forms - 表单提交动画 gif

Question

我有一个输入类型为 image 的表单，如下所示。

<input type="image" id="submit" src="red_btn.png">  

单击此图像以提交表单后，我将图像更改为动画 gif 以显示微调器

$('form').submit(function(e){
 //e.preventDefault();
 $('#submit').attr("src", "loading.gif");
 });  

但是，没有动画。但是当我阻止表单提交时，gif 动画。

这是FF 16

请帮忙。

Answer 1

似乎页面正在转换到提交页面，所以你真的不想在那个时候向用户显示任何东西。如果您正在进行 ajax 调用，那么是的，微调器是合适的。但是对于标准表单提交，我认为浏览器已经在加载新页面，所以这个页面即将被刷新。