Safari瀏覽器IOS（iPhone和iPad）妥善只有在devtools點擊時工作

Question

我有這個奇怪的問題只能在Safari IOS發生的事情：

正如你可以從上面的GIF見（點擊它，看它正常），div不會移動，除非我在開​​發人員工具中點擊它。我沒有更改任何代碼，並且div開始正常工作。

任何人有任何想法，爲什麼這種情況發生在iOS（不在桌面Safari上發生）？

我在身上使用transition: margin-left 500ms ease;，然後更改div的邊距（我保留供應商前綴-webkit-）。

謝謝！

Answer 1

我遇到過類似的問題，這似乎是由於Safari如何處理jQuery動畫。

解決方法而不是解決方法，但如果使用jQuery.css（）而不是jQuery.animation（），則不應出現問題。您可以使用css動畫代替。您可以使用css類來設置margin-left，並在點擊時使用jQuery添加/刪除類。

乾杯

馬特