[英]Hide Twitter Bootstrap navbar on click
我想点击关闭移动导航栏,我在这里看到了我的问题的答案。 这个问题中给出的代码的问题在于它总是试图关闭导航栏,无论我们是否看到切换导航栏或“正常”导航栏。 所以我想做一个if / else检查宽度是否高于或低于768px(更改导航栏的宽度),所以我现在在document.ready()中有这个。
function close_toggle() {
if ($(window).width() <= 768) {
$('.nav a').on('click', function(){
$(".navbar-toggle").click();
});
}
}
close_toggle();
$(window).resize(close_toggle);
这段代码的问题在于,如果我以高于768px的宽度开始并且小于768px,则一切正常。 但是如果我开始宽度低于768px,当我调整到更高的768px时,正常的导航栏会在我点击链接时闪烁(因为我正在关闭切换菜单)。
所以我需要一个else语句来反转if代码,但我不知道如何反转代码。 抱歉一些英语错误。 希望有人可以帮助我。
看看它是否有帮助:
function close_toggle() {
if ($(window).width() <= 768) {
$('.nav a').on('click', function(){
$(".navbar-toggle").click();
});
}
else {
$('.nav a').off('click');
}
}
close_toggle();
$(window).resize(close_toggle);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.