當我點擊打開它的鏈接時，爲什麼這個div不會關閉？

Question

Here's the fiddle.

的代碼包括：

$('.icon').click(function() { 
    $('.foo').toggle(); 
}); 
$(document).mouseup(function (e) { 
    var container = $('.foo'); 

    if (!container.is(e.target) // if the target of the click isn't the container... 
    && 
    container.has(e.target).length === 0) // ... nor a descendant of the container 
    { 
     container.hide(); 
    } 
}); 

我可以使用鏈接來打開它，代碼關閉它，當一個點擊它的外面，但我不能打開它的鏈接關閉原來。

Answer 1

您錯過了if語句中的檢查，看看是否爲.icon是目標。

http://jsfiddle.net/gT5BT/100/

var foo = $('.foo'), icon = $('.icon'); 

icon.click(function() { 
    foo.toggle(); 
}); 

$(document).mouseup(function (e) { 
    if (!foo.is(e.target) && !icon.is(e.target) && !foo.has(e.target).length) 
     foo.hide(); 
}); 

Answer 2

您隱藏並再次顯示。只是評論container.hide();並嘗試點擊.icon

要解決此問題，只需檢查全球mouseup事件處理程序中的.icon容器。 http://jsfiddle.net/55DSp/