我有html菜单
$('.mobile-menu_icon').click(function(event) {
$('.menu-mobile_list').addClass('mobile-menu_active');
});

<img src="img/mobile.png" class='pull-right mobile-menu_icon visible-xs' alt="">
<ul class='menu-mobile_list col-xs-6'>
<li class="menu-mobile_item"><a href="">Main</a></li>
<li class="menu-mobile_item"><a href="">Contacts</a></li>
<li class="menu-mobile_item"><a href="">About Us</a></li>
<li class="menu-mobile_item"><a href="">FAQ</a></li>
</ul>
&#13;
如何编写如下内容:
!$("ul, li").click(function(e){
$('.menu-mobile_list').removeClass('mobile-menu_active');
})
(如果用户点击屏幕的其他位置,但不在菜单上,菜单应该关闭)
答案 0 :(得分:1)
你无法做到这一点
$(body).click(function(e)
{ if(!$(e.target).is( 'ul'))
{
$('.menu-mobile_list').removeClass('mobile-menu_active');
}
});