吃飯前,來用5分鐘寫個廢文

其實好像也不需用到 jquery,這個是有點簡單的技巧,但是標題有點難下

總之就像下圖的建議搜尋,當滑鼠點一下頁面其他地方時,建議搜尋要收起來

但是又不能用 document or body 的 click,因為 div 也在document  裡面,點了 div 自己也會被收起來

但有時候我只想要點下去有別的功用,不想要他收起來

這時候下面這段 code 就可以解決啦!

$(document).mouseup(function (e) {
    var container =$(".suggest"); // 這邊放你想要排除的區塊
    if (!container.is(e.target) && container.has(e.target).length === 0) {
       container.hide(); 
    }
});

這樣,只要滑鼠點下去的不是 .suggest 都會隱藏

 

arrow
arrow
    全站熱搜

    小雕 發表在 痞客邦 留言(1) 人氣()