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

Question

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

有人可以指导我吗？

Answer 1

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

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

$(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();
   }
});

Answer 2

您可以执行以下操作来隐藏/关闭菜单

$(document).click(function(){
 $(your class/id).hide('slow'); 
});

这是Fiddle

而不是菜单我刚刚展示了一个简单的点击示例