點擊這個或那個，然後做點什麼

Question

我想這個標題是不言自明的。

我想關閉一個div，當用戶點擊覆蓋或在鏈接上。我知道你可以只寫兩個函數，像這樣：

$("#close-search").click(function() { 
    $("#branding #searchform").fadeOut("fast"); 
    $("#global-overlay").fadeOut("fast"); 
}); 

$("#global-overlay").click(function() { 
    $(this).fadeOut("fast"); 
    $("#branding #searchform").fadeOut("fast"); 
}); 

或者你可以寫一個函數，像這樣：

function closeSearch { 
    $(this).fadeOut("fast"); 
    $("#branding #searchform").fadeOut("fast"); 
} 

$("#close-search").click(function() { 
    closeSearch(); 
}); 

$("#global-overlay").click(function() { 
    closeSearch(); 
}); 

我想這一點，但沒有奏效。

$("#close-search", "#global-overlay").click(function() { 
     $("#branding #searchform").fadeOut("fast"); 
     $("#global-overlay").fadeOut("fast"); 
    }); 

但是是否可以將它寫入一行？ （喜歡的東西$("#close-search" OR #global-overlay")）

Answer 1

逗號分隔的手段這樣或那樣的

$("#close-search, #global-overlay") 

多selector

Answer 2

試試這個

$("#close-search, #global-overlay").click(function() { 
     $("#branding #searchform").fadeOut("fast"); 
     $("#global-overlay").fadeOut("fast"); 
}); 

Answer 3

未經測試：

試試這個：

$("#close-search, #global-overlay").click(function() { 
     $("#branding #searchform").fadeOut("fast"); 
     $("#global-overlay").fadeOut("fast"); 
    }); 

注意到選擇器中的字符串不像數組那樣拆分 - Sizzle選擇器將爲您執行此操作。