使用Safari的Bootstrap進度條

Question

我使用的引導程序是非確定性的進度條。他們在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上創建更好的上傳幻想（動畫在其他瀏覽器上的後期保持工作狀態）。