如何在我的 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)'
});
我似乎无法让这段代码在所有浏览器中工作。当我删除其中一个供应商前缀时,我可以让它在 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)'
});