点击项目时，下拉菜单不会关闭 - jQuery

Question

我正在尝试构建一个响应式菜单，并且遇到了我正在尝试用它做的最后一件事。单击一个菜单项时，它会将页面导航到正确的位置，但它不会关闭菜单。

这是我的代码：

<a href="#" class="mobile">Menu</a>
 <ul class="menu mobile hide">
   <li><a href="#about">About</a></li>
   <li><a href="#schedule">Schedule</a></li>
   <li><a href="#instructors">Instructors</a></li>
   <li><a href="#venue">Venue</a></li>
   <li><a href="#sponsors">Sponsors</a></li>
   <li><a href="#" class="menu-reg">Register Now</a></li>
  </ul>

jQuery：

$('ul.mobile a').bind('vclick', function(){
    $('ul.menu.mobile').hide();
});

Answer 1

尝试使用

$('ul.mobile a').bind('vclick', function(){
    $('ul.menu').hide();
});

Answer 2

试试这个：

$('ul.mobile a').bind('vclick click', function(){
    $('ul.menu').hide();
});