如何调整“-webkit-”前缀CSS属性在jQuery？ [英] How do you tweak "-webkit-" prefixed CSS properties in jQuery?

问题描述

  $（this）.css（{
 -webkit-transform：'rotate（180deg）'，
 -moz-transform：'rotate '，
 -o-transform：'rotate（180deg）'，
 -ms-transform：'rotate（180deg）'
}）; 
  

这是抛出的错误：

未捕获的语法错误：意外的令牌 -

我真的希望我不必安装jQuery

$

  $（this）.css（{ 
'-webkit-transform'：'rotate（180deg）'，
'-moz-transform'：'rotate（180deg）'，
'-o-transform'：'rotate 180deg）'，
'-ms-transform'：'rotate（180deg）'
}）; 
  

$(this).css({
    -webkit-transform:'rotate(180deg)',
    -moz-transform: 'rotate(180deg)',
    -o-transform: 'rotate(180deg)',
    -ms-transform: 'rotate(180deg)'
});

This is throwing the error:

Uncaught SyntaxError: Unexpected token -

I'm really hoping I don't have to install the jQuery Rotation plugin just for this one instance.

解决方案

$(this).css({
    '-webkit-transform':'rotate(180deg)',
    '-moz-transform': 'rotate(180deg)',
    '-o-transform': 'rotate(180deg)',
    '-ms-transform': 'rotate(180deg)'
});

这篇关于如何调整“-webkit-”前缀CSS属性在jQuery？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！