jquery - 根据浏览器设置正确的 css 转换

Question

我正在尝试根据浏览器添加正确的 css“转换”，这是我尝试过的，但它不起作用：

if ($.browser.msie) {
    var BroTrans = 'transform';
 } else
if ($.browser.webkit) {
    var BroTrans = '-webkit-transform';
 } else
if( $.browser.opera ){
    var BroTrans = '-o-transform';
 } else
if( $.browser.mozilla ){
    var BroTrans = '-moz-transform';
 }

var $img = $('img.zoom');
$img.css({
  BroTrans : 'scale(2) rotate(0.1deg)'
 });

我正在使用 jquery 1.7 所以它不是$.browser现在贬值的事实

Answer 1

var $img = $('img.zoom');
$img.css(BroTrans, 'scale(2) rotate(0.1deg)'); // ta da ?

当您按照自己的方式进行操作时，会将BroTranscss 字段设置为该值，这不是您想要的。

---

还有一点：尽量不要一遍var BroTans又一遍地重复。只需在顶部定义一次：

 var BroTrans;
 if ($.browser.msie) {
    BroTrans = 'transform';
 } else if ($.browser.webkit) {
    BroTrans = '-webkit-transform';
 } else if($.browser.opera) {
 //...