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

Posted 2020-08-17

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