如何在 iPad 上的 jquery 外部单击关闭菜单

Question

当您在 iPad 上触摸菜单时，我得到了一个可以正确打开和正确关闭的菜单。没关系，但是当您触摸菜单外时，我也想关闭菜单。当你触摸图片和链接时它会起作用，但当你触摸其他任何地方时它就不起作用了。

这是我的代码：

HTML：

<nav onclick="" class="acconicon">

<nav class="accon">


 <figure class="acmlogo"></figure>


<h5 class="acconh5">Hovedmenu</h5>      
<ul class="sbm3">
    <a href="index.php"><li class="acfront">Forside </li></a>
    <a href="news.php"><li class="acnews">Nyheder </li></a>
    <a href="artists.php"><li class="acartists">Artister</li></a>
    <a href="releases.php"><li class="acreleases">Udgivelser</li></a>
    <a href="live.php"><li class="aclive">Live</li></a>
    <a href="video.php"><li class="acvideo">Videoer </li></a>
    <a href="interaction.php"><li class="accomp">Konkurrencer</li></a>
    <a href="remix.php"><li class="acremix">Remix</li></a>
</ul>


</nav>

</nav>

脚本：

    $('html').click(function() {
   $('.accon').hide(); 
});

$('.acconicon').click(function(event){
     event.stopPropagation();
});

$('.acconicon').click(function(event){
     $('.accon').toggle();
});

Answer 1

我认为你只需要使用JQuery 的非选择器。我创建了一个您应该尝试的简单代码。

$('*:not(.acconh5,sbm3,sbm3 > a)').click(function() {
    $('.accon').hide(); 
});