Jquery .focusout不工作于移动(Slicknav)

Question

如果您再次单击菜单按钮，Slicknav才会关闭。

所以当你点击任何地方的时候，我做了一些代码来关闭它

$(document).ready(function() {
   //close menu on lost focus
   $('.slicknav_menu').focusout(function(event){
      $('.menu').slicknav('close');
   });  
});

这是在桌面上工作的，当我把我的窗口做小测试时，但是在手机上我必须触摸一个图像才能关闭它，而不是如果我只点击任何地方，就像它只在你触摸一个元素时注册点击一样。

我能用别的东西代替聚焦吗？

Answer 1

固定使用

$(document).ready(function() {

   $('#whole-page').click(function(event) { 
      $('.menu').slicknav('close');
   });

});

我不能使用身体，因为菜单是在身体和菜单关闭后，直接打开它。

Answer 2

我将在主体上使用一个普通的单击事件，并检查用户单击的内容是否在slicknav_menu中。

$('body').click(function(event) { 
    if(!$(event.target).closest('.slicknav_menu').length) {
       $('.menu').slicknav('close');
    }        
});