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

How to accommodate vendor prefixes in my JQuery for Off Canvas Menu

我似乎无法让这段代码在所有浏览器中工作。当我删除其中一个供应商前缀时,我可以让它在 Chrome 或 Firefox 中工作,但我希望它在所有浏览器中工作。我的代码如下: jQuery(文档).ready(函数($) {

    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
    });
});

是否要修改它以在所有浏览器中工作?

添加多个css规则时,您应该这样做:

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