Safari的Bootstrap进度条

Question

我正在使用bootstrap进行非确定的进度条。它们在Chrome和Firefox中运行良好，没有任何问题。在页面加载时，我隐藏它们，然后当单击一个按钮时，它引用一个单击事件，显示进度条的函数，然后提交表单。我曾尝试将bootstrap升级到版本3，但它仍无法在Safari中运行。

$("#progress").hide();

function progress(){
    $(function() {

        $("#progress").show();
        });

    document.forms["input"].submit();
}

Answer 1

在提交表单之前，我在显示/动画引导进度条时遇到了同样的问题。我通过使用setTimeout（）在显示进度条（超过300个工作）之后调用提交操作来解决这个问题。

这与Safari在重定向后不会对页面进行任何更新有关，就像表单帖子一样。它似乎是唯一一个这样做的浏览器：

Safari not activating css rule on jquery submit action

Safari pauses all animation on redirect / form submission

progressbar updates blocked in safari while submitting a form

使用setTimeout（）可以工作，但Safari会在表单提交的超时期限后剪切动画。您可以使用稍高的超时时间来在Safari上创建更好的上传幻觉（动画在其他浏览器的帖子中继续工作）。