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

发布时间:2020-07-30 07:00:08 作者:小仙女KOMons
来源:网络 阅读:438

  <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> 


推荐阅读:
  1. jquery实现点击隐藏,点击显示
  2. 使用Vue实现点击显示再点击隐藏效果的示例

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

jquery 下拉菜单 点击空白

上一篇:objective-C 数据类型转换

下一篇:Android之Actionbar顶部标签的使用

相关阅读

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

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