温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jquery点击其他位置 下拉导航隐藏

发布时间:2020-07-30 07:00:08 来源:网络 阅读:459 作者:小仙女KOMons 栏目:web开发

  <script>
        $(function () {
            $(".dropdown").click(function (e) {
                $(".dropdown").removeClass('open');
                $(this).toggleClass('open');
              
            });
            //$("body").bind("click",function(evt){
            //    if (evt.target != $('.dropdown-menu').get(0)) {
            //        $('.dropdown-menu').hide();
            //    } 
            //});
            $(document).bind("click", function (e) {
                var target = $(e.target);
                if (target.closest(".dropdown").length == 0) {
                    $(".dropdown").removeClass('open');
                }
            })

//如果当前点击的不是.dropdown标签,那么去掉.dropdown上的.open class.

        })
    </script> 


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI