如何在我的JQuery for Off Canvas菜单中容纳供应商前缀

Question

我似乎无法让此代码在所有浏览器中都能正常工作。当我删除某个供应商前缀时，我可以在Chrome或Firefox中使用它，但我希望它可以在所有浏览器中使用。我的代码如下：？ jQuery的（文件）。就绪（函数（$）{

var menu = "close"; 

    $('.menu-toggle').click(function() { 

     if (menu == "close") { 
      $('.navbar').css('-moz-transform','translate(0, 0)','-webkit-transform', 'translate(-100%, 0)'); //opens up off canvas menu 
      menu = "open"; 
      $('.site-overlay').show(); //opens overlay all the way uppp 
     } else { 
      $('.navbar').css('-moz-transform','translate(-100%, 0)','-webkit-transform', 'translate(-100%, 0)'); //closes off canvas menu 
      menu = "close"; 
      $('.site-overlay').hide(); //closes overlay 
     } 
    }); 
    $('.site-overlay').click(function() { 
     $('.navbar').css('-moz-transform','translate(-100%, 0)','-webkit-transform', 'translate(-100%, 0)'); 
     menu = "close"; 
     $('.site-overlay').hide(); //closes overlay all the way closed 
    }); 
}); 

无论如何修改这在所有的浏览器

Answer 1

加入多个CSS规则，你应该这样做像这样：

$('.navbar').css({ 
    '-moz-transform':'translate(0, 0)', 
    '-webkit-transform':'translate(-100%, 0)' 
});