1. 程式人生 > >jq自定義下拉菜單,當用戶點擊非自身元素(下拉菜單)本身時關閉下拉菜單

jq自定義下拉菜單,當用戶點擊非自身元素(下拉菜單)本身時關閉下拉菜單

info alt one === 下拉 AS 菜單 com code

jq自定義下拉菜單,當用戶點擊非自身元素(下拉菜單)本身時關閉下拉菜單

截圖:

技術分享圖片

代碼如下:

    //關閉用戶菜單
    $(document).mousedown(function(e){
        var _con = $(‘.drop_down‘);
        //1. 點擊事件的對象不是目標元素本身
        //2. 事件對象同時也不是目標元素的子元素
        if(!_con.is(e.target) && _con.has(e.target).length===0){
            $(‘.drop_down‘).css(‘display‘,‘none‘);
        }
    });

jq自定義下拉菜單,當用戶點擊非自身元素(下拉菜單)本身時關閉下拉菜單