jquery点击其他地方隐藏菜单

JQ:

//点击其他地方隐藏菜单
$.fn.autoHide = function(){
    var ele = $(this);
    $(document).on('touchend',function(e){
        if(ele.is(':visible') && (!$(e.target)[0].isEqualNode(ele[0]) && ele.has(e.target).length === 0)){
            ele.hide();
        }
    })
    return this;
}

调用:

$('#menu').on('touchend',function(){
    $('.menu').toggle().autoHide();
    return false;
})

jquery点击其他地方隐藏菜单_第1张图片

你可能感兴趣的:(JQuery,项目实例)