移动菜单 - 单击外部菜单关闭菜单

Question

我的移动网站上有那个按钮; 问题是,我需要添加一个方法,当用户点击或点击菜单外,菜单关闭.

有人可以指点我吗？

Answer 1

小提琴链接:http://jsfiddle.net/eAGjM/

您需要检查点击的部分既不是Menu也不是它的子元素.如果您的菜单包含子元素,则需要进行此检查,否则单击子元素也会隐藏菜单.

$(document).mouseup(function(e){
   var menu = $('selector');
   if (!menu.is(e.target) // The target of the click isn't the container.
   && menu.has(e.target).length === 0) // Nor a child element of the container
   {
      menu.hide();
   }
});