如何防止在另一个页面上的导航上发生单击事件

Question

以下代码适用于我在响应模式下的切换菜单。但是，当我按下导航栏外面的点击状态时，我会回到桌面视图，它会向上滑动吗？如何防止在桌面视图中发生滑动？一旦用户点击菜单外部消失，我只希望向上滑动以响应模式工作。我一直在尝试寻找解决方案来防止这种情况发生，但我无法解决问题。请任何人都可以给我建议。谢谢。

$(document).ready(function () {

$('span.responsive-menu').click(function () {

 event.stopPropagation();

$('ul.nav').slideToggle(); // Toggle Menu 

}); 

$(document).click( function(){

 $('ul.nav').slideUp();

});

Answer 1

您可以检查窗口宽度，只有在移动设备上才能应用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

});