Flipbook（turn.js）转一次然后在IE9和Chrome for iPhone中断

Question

我在大多数浏览器中都有一个可以正常使用的翻书，但是在IE9和Chrome for iPhone中翻页后它就会出现故障。

哦，IE8也完全搞乱了，但还没关注那个; - ）

http://www.theseamstressofbloomsbury.co.uk/lookbook

有关故障排除的提示吗？

Answer 1

CSS 3动画仅在IE10及更高版本中可用。见caniuse.com

对于IE9及更早版本，您应该使用setTimer回退到DHTML动画.... jquery插件供应商应该提供一个优雅的后备。

或

您可以使用支持ms前缀css3动画的最新版jquery.mobile，并为不支持css3动画的网页浏览器提供后备DHTML动画。

你可以用css动画支持进行功能测试 if（document.body.style.transform）或if（document.body.style.animationName）

请参阅jquery.mobile hasFeature对象。

Answer 2

哎呀，有一个jQuery错误导致整个事情在IE8和9中突破。令人尴尬！

如果它帮助其他人解决IE问题，我使用SauceLabs进行故障排除。