如何在我的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)' 
});