Safari 和 Opera 上基于 jquery 的幻灯片插件问题答案

【问题标题】：jquery based slideshow plugin issue on safari and operaSafari 和 Opera 上基于 jquery 的幻灯片插件问题
【发布时间】：2012-10-13 00:16:17
【问题描述】：

我正在使用一个非常好的基于 jquery 的 css3 动画/过渡插件 Sequence.js，我正在使用它来制作一个简单的响应式淡入淡出幻灯片。

使用 chrome/firefox，一切都按预期正常运行，但在 opera 上，整个事情都卡住了，在 safari 中发生了一些非常奇怪的事情：
动画以帧fadingIn开始，在它消失后不久，大约5秒后（插件时间开始下一帧动画）帧重新出现以开始fadeOut，随后的帧fadeIn，然后整个东西再次消失，结束及以上。

我真的不知道发生了什么，这里有一个链接到工作的东西http://bit.ly/SQV3Xl

如何解决这个问题，使其像在 chrome/firefox 中一样工作，甚至可以在后备中使用？

【问题讨论】：

该插件是否适合移动设备？
是的，或者至少在文档上是这样说的，我之前也使用过几次，效果很好，现在真的不知道出了什么问题
好吧，我想你可以将这个与之前设置的进行比较，看看你是否能发现任何东西。我通常编写自己的 rotator cuz 插件通常不够好。 toyota.ca 主页上有一个旋转器，也许您可以通过查看那个来编写自己的
这是我尝试的第一件事，不幸的是没有什么不同，或者至少我能看到的任何东西。此外，我真的是一个 javascript 的新手（老实说，相当菜鸟），我非常喜欢这个插件，因为它打开了许多带有 css3 过渡和动画的实现。不过现在还真说不上什么问题。
你有一个链接，我可以看到它在哪里正常工作

标签： jquery css safari slideshow opera

【解决方案1】：

好的，在 safari 中修补检查员，似乎他不喜欢为容器元素 #sequence 指定没有 height，但我真的不明白为什么。奇怪的是，opera 似乎也很欣赏 CSS 中指定的 height：现在当脚本加载时有时可以工作，有时不能，我仍然无法真正理解为什么这一切都乱七八糟..

我将关闭此问题，因为这是“已修复”，但我真的很想知道为什么会发生这种情况。有人可以对此有所了解吗？

【讨论】：