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添加/删除类。

干杯

马特