javascript – 点击任意位置关闭菜单

2019-07-21 20:37:00 阅读：128 来源： 互联网

你们可以看到,我有一个下拉菜单.

我有很多列,每个列都有一个打开菜单的选项.

$(".optionCont").live("click", function(){
    $(".dropMenuCont").slideUp();
    if ($(this).next().css("display") == "none") {
        $(this).next().slideDown();
    } else {
        $(this).next().slideUp();
    }
});

那么,当我点击页面的任何位置时,如何进行菜单slideUp？

像文档点击一样？

我访问了其他主题,但我不知道为什么,这不起作用.也许我是以不同的方式做到这一点.

我接受菜单编码中的任何提示.

演示：Jsfiddle

解决方法:

在回调中注册一次性处理程序,以确保下一次单击关闭菜单：

$(".optionCont").live("click", function(ev){
    $(".dropMenuCont").slideUp();
    if($(this).next().css("display") == "none"){
        $(this).next().slideDown();
    }else{
        $(this).next().slideUp();
    }
    ev.stopPropagation();

    $(document).one('click', function() {
             $(".dropMenuCont").slideUp();

    });
});

见http://jsfiddle.net/alnitak/GcxMs/

标签：jquery,javascript,menu
来源： https://codeday.me/bug/20190721/1495603.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 点击任意位置关闭菜单