如何防止在其他页面的导航上发生单击事件

How do a prevent a click event occurring on a navigation on a another page

本文关键字：单击 事件 导航 何防止 其他      更新时间：2023-09-26

下面的代码适用于响应模式下的切换菜单。但当我回到桌面视图时，一旦我在导航栏外点击，它就会向上滑动？如何防止在桌面视图中出现向上滑动？我只想在用户点击菜单外消失后，在响应模式下向上滑动。我一直在努力寻找防止这种情况发生的解决方案，但我无法解决这个问题。请任何人给我建议好吗。非常感谢。

$(document).ready(function () {
$('span.responsive-menu').click(function () {
 event.stopPropagation();
$('ul.nav').slideToggle(); // Toggle Menu 
}); 
$(document).click( function(){
 $('ul.nav').slideUp();
});

您可以检查窗口宽度，并且仅在移动设备上应用JS：

$(document).click( function(){
 if($(window).width() < 1025 && $('span.responsive-menu').css("display") === "block" ) $('ul.nav').slideUp();
 //1025 will select an ipad and smaller then it. You can, of course, change the number for whatever you need
});
相关文章：