Question

当提交表格时, 我将显示一个装入动画并禁用按钮。不幸的是, 当我单击后键时, Firefox 仍然显示装入图像, 而按钮仍然禁用。这在铬中不会发生。有什么想法吗?

$(document).ready(function() {
    $( #go ).removeAttr( disabled );
    $( #loading ).replaceWith( <img id="loading" src="/static/images/loading.gif" style="display:none; vertical-align:middle" /> );

    $( #go ).click(function(e) {
        e.preventDefault();
        $( #go ).attr( disabled ,  disabled );
        $( #loading ).show();
        $( #go_form ).submit();
    });
});

Answer 1

Firefox 在浏览器会话中对整个网页,包括其 JavaScript 状态使用模拟缓存。被访问的页面之间向后和向前不需加载页面。此功能使得页面浏览速度非常快。

为了检测此选项, 请使用 < code> pageshow 事件。该事件将包含一个名为 < code> persisted 的属性。如果您正在浏览缓存, 将会是真实的。如果您看到此状态, 您可以重置页面状态。

Answer 2

这可能是由于在铬和Firefox中存在不同的缓存机制。一个简单的方法就是将装入图像隐藏在 onunload 事件中。

友情链接