2014-06-19 153 views
0

我用变换旋转所有浏览的内联CSS,如何申请使用jQuery

jQuery('.active').css(
      'transform', 
      'rotate('+angle+'deg)', 
      '-webkit-transform', 
      'rotate('+angle+'deg)', 
      '-moz-transform', 
      'rotate('+angle+'deg)' 
); 

而不是在其他浏览器中的工作。

任何人都可以帮助我吗?

+0

我不力让你问 – user1853128

+0

你能解释一下它明确 – user1853128

+0

请发表您正在使用的浏览器,并在浏览器,它不工作了吧? (与Internet Explorer或Safari的情况下版本) – MarmiK

回答

0

我建议创建一个类名为.active的类,然后使用.addClass方法。

但是先看看DEMO

这里是jQuery代码

$('.active').css({ 
    'transform': 'rotate(-20deg)', 
    '-webkit-transform': 'rotate(-20deg)', 
    '-moz-transform': 'rotate(-20deg)', 
    'margin-top':'5em' 
}); 
+0

但所有分配内联的CSS – user2991561

1

应该写成这个

jQuery('.active').css({ 
    'transform': 'rotate('+angle+'deg)', 
    '-webkit-transform':'rotate('+angle+'deg)' 
    '-moz-transform':'rotate('+angle+'deg)'}); 
+0

不是一个工作..感谢 – user2991561

0

试试这个,

jQuery(".active").css({ 
transform: 'rotate('+angle+'deg)', 
MozTransform: 'rotate('+angle+'deg)', 
WebkitTransform: 'rotate('+angle+'deg)' 
}) 

正确的语法,

.css({ 
    property : value, 
    property1 : value, 
    ... 
}); 

Reference