吃飯前，來用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) 人氣()

    E-mail轉寄