Question

以下适用于ie6，ie7，chrome但不适用于ff3

document.getElementById("form-name").submit();
var image = document.getElementById("loader-img");
setTimeout(function() { image.src = image.src; },50);

我可以做些什么来提高一致性？

Answer 1

您应该异步进行发布，否则UI可能会挂起。有关详细信息，请查看jQuery Form Plugin。

Answer 2

尝试将src设置为空白，然后再次成像。第二次更改也可能需要稍后调用（settimeout）。

Answer 3

您是否尝试删除图像节点并将其替换？类似的东西：

var image = document.getElementById("loader-img");
image.parentNode.removeChild(image);
image.parentNode.appendChild(image);

（您可能还需要在删除和追加调用之间执行image.cloneNode(true)。）

显然，您的HTML需要进行结构化，这样才不会影响显示效果。

但是，knut表示适用（发布到隐藏的IFRAME或使用XHR将为您提供更多控制权）。而且我不确定你的意思是“它不是表单提交，它是一个document.location ='url'调用”，所以如果你澄清用例和工作流程，我可能会提供更多帮助。

保持动画GIF在表单提交后继续

3 个答案: