jQuery - 如何防止html隱藏元素？

Question

我有一個UL LI子列表切換。

ul 
    li a.trigger 
     ul.sub_list li 
    li 
    li 

事件 - 單擊。

當我點擊​​,ul.sub_list會顯示。 要隱藏ul.sub_list。我需要點擊​​或html元素。

問題是當用戶點擊ul.sub_list項目時，如何從hide()ul.sub_list停止html。

例如：http://jsfiddle.net/zYgfr/

這是如Facebook通知。

Answer 1

添加這樣的：

$(".sub_list a").click(function(event){ 
     event.stopPropagation(); 
}); 

的概念是，在默認情況下，當點擊一個元素時，它通過DOM向上傳播。

所以當單擊鏈接時，最終在傳遞給每個父級後，事件將到達HTML根元素，觸發沿其路徑的任何事件處理程序。

爲了阻止這一點，我們調用event.stopPropagation（）。

Answer 2

我會做這樣： http://jsfiddle.net/zYgfr/4/