提交按鈕動畫

Question

我的網站上有一個提交按鈕，在工作，但它是不是動畫（這是它應該是什麼樣子：codepen.io/seansean11/pen/wHIae）

動畫工作得很好，直到我使其成爲提交按鈕。我的問題是，我怎麼能延遲頁面加載下一頁，直到按鈕動畫播放？

http://milescwatson.com/asb_test/

提前感謝！

Answer 1

您可以收聽提交事件，然後播放動畫。動畫完成後，再調用提交

Answer 2

唯一可行的辦法，我看到的是jQuery的submit()：see documentation

通過submiting你打電話，將加載其他頁面之前處理動畫功能。

順便說一句，爲什麼你需要動畫按鈕，如果它加載其他網頁？如果出現問題，它會顯示錯誤嗎？否則，我沒有看到它的一個重點。您可以在加載後簡單地顯示成功消息，這對用戶更有幫助和信息量。