我想要一个显示或隐藏的按钮div，但是当我调整浏览器的大小并触发媒体查询时，我想禁用该按钮，并在调整为上一个媒体查询的大小时再次启用它。
我正在使用媒体查询body:after {content:'tablet'; display:none;}，body:after {content:'laptop'; display:none;}并且效果很好。
我正在使用jQuery.on();并.off();在窗口调整大小上添加/删除事件处理程序。我遇到的问题是，添加了事件处理程序，但是当我单击该事件处理程序时，它会立即切换到“平板电脑”视口大小。
我如何做到这一点，以便在将大小调整为“笔记本电脑”大小时删除处理程序，但是在再次将大小调整为“平板电脑”时添加事件处理程序。
jQuery的
function chooseMenu() {
$('#sidebarWrapper').css('position', 'absolute').stop(true, true).toggle('showOrHide');
} // button function
if (size != currentSize) {
if (size == 'tablet') {
$('.menuButton').on('click', chooseMenu);
$('#sidebarWrapper').css('display', 'none');
currentSize = 'tablet';
}
if (size == 'laptop') {
$('.menuButton').off();
$('#sidebarWrapper').css('position', 'static');
$('#sidebarWrapper').css('display', 'block');
currentSize = 'laptop';
}
} //if size
我假设我的开/关或切换逻辑出了点问题，但我必须丢失这些逻辑。如果不是这种情况，并且您需要查看更多内容，请询问或查看直播网站。这是左侧灰色条上的菜单按钮。http://lartmagazine.co.uk/。（抱歉，我只是不知道如何在链接中显示该链接）。
r。。刚检查完我的链接后，我注意到它可以在FireFox中工作，但不能在Chrome中工作？
问题是，当我调整窗口大小，安装underscore.js并使用此功能时，我需要限制我的功能：
$(window).resize(_.debounce(function(){
},100));
我以前实际上已经安装了此软件，但是却忘了它和其他东西一起玩...
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句