jQuery 旋转在 IE7 和 IE8 中不起作用答案

【问题标题】：jQuery rotate not working in IE7 and IE8jQuery 旋转在 IE7 和 IE8 中不起作用
【发布时间】：2014-07-24 13:59:47
【问题描述】：

我什至无法在 IE7 或 8 上进行简单的旋转：

$('#square').rotate(45);

#square{
    position: absolute;
    display:block;
    width:50px;
    height:50px;
    background-color: red;
}

以上代码在 ie7&8 中没有任何作用，但在 9+ 和其他浏览器中可以正常工作

我怎样才能让它工作？还是替代品？

【问题讨论】：

您的脚本是在正文末尾还是包装在文档就绪处理程序中？如果在调用.rotate() 时该元素不在页面上，您将看不到任何结果...
嘿，是的 - 上面的代码不是按顺序排列的，只是为了显示那里有什么
您可以尝试添加console.log($('#square').length); 以查看该元素是否存在。可能是 ID 有错别字...
没有足够的代码来重现。你有任何 JS 错误吗？向我们展示一个可重现的测试用例 - 即 JSFiddle，或指向您页面的链接。

标签： javascript jquery internet-explorer

【解决方案1】：

要在 IE7 中旋转，您需要这个

过滤器：progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */

所以也许你需要这样的东西：

$("#square").css("filter", "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)");

【讨论】：

【解决方案2】：

该插件不提供 IE7 支持。

我推荐使用 Gsap 动画库。它有一个很好的 jQuery 包装器来帮助新手http://www.greensock.com/jquery-gsap-plugin/ 并且向后兼容到 ie7 几乎所有的功能。

【讨论】：

在插件的homepage 上："Internet Explorer 6.0 >"...
"Last release: v.2.3 11.07.2013" 是的，因为一年前的插件仍然有用
这是 OP 正在使用的。除非你找到一个不同的 jQuery Rotate。关键是，声明“该插件不提供IE 7支持”是错误的......
好吧，我错了。没有花时间阅读，但我做了测试，但它不起作用，所以除了我的错误，它已经坏了。