JavaScript 在 Safari 中不起作用，但在 Firefox 和 Chrome 中起作用

Question

我有一個表格，我正在用 Parsley 進行驗證。 提交按鈕具有以下 JavaScript 代碼，以便通過 css 進行動畫處理。 這在 Firefox 和 Chrome 中完美運行，但在 Safari（桌面和 iOS）中不起作用。 表單驗證正常，但動畫不運行。

我追蹤到返回 true； 陳述。 如果我將其設置為返回 false； Safari 正常工作，只是表單不提交。 如果我將其設置為返回 true； 它適用於我測試過的所有地方，除了 Safari。

我已經閱讀了一堆關於 Safari 如何與 jQuery 不同的文檔，因此必須修改 JS 代碼才能使其真正跨瀏覽器。 如何修改它以在任何地方工作？

 <script type="text/javascript"> $(function() { $('#login-form').parsley().on('form:submit', function() { $(".loginbutton").addClass("loginactive"); $(".loginbutton").css("background", "transparent"); setTimeout(function() { $(".loginbutton").addClass("loginsuccess"); $(".loginbutton").css("background", "none repeat scroll 0 0 #ffffff"); }, 3700); return true; }); }); </script>

Answer 1

答案是 Safari 將停止加載另一個對象（python 腳本、另一個 url 等）時的所有動畫，並且您基本上無能為力。 它只會顯示 css 動畫的第一幀。 所以，我所做的是修改登錄按鈕，使其看起來與提交表單時顯示登錄不同。