使用 'jQueryRotate' 插件的 jQuery 图像旋转答案

【问题标题】：jQuery Image Rotation Using 'jQueryRotate' plugin使用 'jQueryRotate' 插件的 jQuery 图像旋转
【发布时间】：2012-01-31 00:06:47
【问题描述】：

我正在尝试这样做，以便当您将鼠标悬停在 div 上时，它会触发图像在另一个 div 中旋转。

我一直在尝试使用这个插件，http://code.google.com/p/jqueryrotate/

这是我在 jsFiddle 中的代码。绿色方块是使用 CSS3 旋转的，但是我需要支持 IE9+，所以我需要使用 jQuery！

蓝色方块是我尝试使用 jQuery 制作动画的那个，出于示例的目的，我刚刚搜索了一张随机图片，因为我读到您无法使用 jQuery 旋转 div，只能旋转图片。

我真的不知道我做错了什么，请任何 jQuery 向导救救我！！！！

更新

我现在可以使用 jQueryRotate 插件，但是它在 IE9 中无法使用。该网站声明它应该适用于 IE6+

目前蓝色方块使用 jQuery 持续旋转，当您使用 CSS3 将鼠标悬停在按钮上时绿色方块会旋转。

谁能看出 jQuery 不能在 IE9+ 中运行的原因？

更新 2

http://jsfiddle.net/tpHdg/

代码更新，蓝色方块现在在您悬停时旋转，在您悬停时停止。

仍在寻求 IE9 不兼容的帮助。

最终更新

感谢所有提供帮助的人，最后我慢慢地完成了它。它不能在 IE9 上运行的原因是因为“ActiveX 过滤器”设置，不管是什么....

现在我有一个 jQuery 版本，以及 CSS3 版本，当它更受支持时。如果您想查看这两个版本的链接...如果对您的项目有帮助，请随意重用代码！

再次感谢！

【问题讨论】：

我不是专家，所以我无法真正帮助您，但我看到您需要一些时间才能得到答案。我建议您尝试使用 firebux，一个可以帮助您进行 javascript 调试的 firefox 插件，以便您更快地定位错误。
感谢您的回复！我一直在玩，并且已经让 jQuery 旋转工作，但不幸的是它在 IE9 中不起作用:(我将使用新的 jsFiddle 更新我的原始帖子以显示这一点。
我想看看你的代码，因为我最近有同样的问题。
更新了我的原帖，看看吧。

【解决方案1】：

我已经根据插件示例编写了一些代码： http://jsfiddle.net/MJyFf/

Ps.：您修改后的代码在 IE9 中运行。
Ps2.：将蓝色方块悬停在我的示例上

【讨论】：

我在 IE9 上再次检查了我的代码，并让一位同事检查。它不适用于我们在 IE9 上的任何一个。你已经得出了类似的代码结论，我也会发布我的。我仍然认为它不适用于 IE9：/
当我访问您的 jsfiddle 链接时，蓝色方块正在旋转。 CSS3 不起作用，但 jQuery rotate 起作用。
只是一个提示：在 jsfiddle 你不需要在你的 HTML 中引入 jquery。这可以在左侧边栏中完成。你甚至可以选择你想要的版本。
哦，太好了，谢谢 :) 我不知道。看看我刚刚做的更新，和你的类似，但方法略有不同（可能更糟糕，因为我是菜鸟哈哈）
实际上，我的现在可以在 IE9 中工作，但我必须去工具 -> ActiveX 过滤.. 这正常吗？