jquery - 当我点击打开它的链接时，为什么这个 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

你隐藏并再次显示它。只需注释 container.hide(); 并尝试单击 .icon

要解决此问题，只需检查全局 mouseup 事件处理程序中的 .icon 容器即可。 http://jsfiddle.net/55DSp/