popup не обрабатывается правильно

Question

Я пытаюсь сделать popover для моего проекта, он закрывается, когда я нажимаю else, где в документе, но проблема в том, что он также закрывается, когда я нажимаю на popover div. он должен быть закрыт, когда я нажимаю в другом месте документа не на div.

fiddle here

$(document).ready(function(){ 
    jQuery.fx.speeds = { 
     fast: 120   
    }; 
    $("#popup-img").click(function (e) { 
     if ($(".popup").is(":hidden")) { 
     $(".checkbox input").removeAttr("checked"); 
    $(".popup").slideDown("fast"); 
     } 
     else { 
     $(".popup").slideUp("fast"); 
     } 
    e.stopPropagation(); 
    }); 

    $("body").click(function(){ 
     $(".popup").slideUp("fast"); 
    });   
}); 

Answer 1

Вы должны проверить, является ли произошло щелчок внутри всплывающего окна

$("body").click(function (e) { 
    if ($(e.target).closest('.popup').length == 0) { 
     $(".popup").slideUp("fast"); 
    } 
}); 

Демо: Fiddle

Answer 2

попробовать этот

$(document).click(function(){ 
if (!$('.popup').is(e.target) && $('.popup').has(e.target).length === 0) { 
     $(".popup").slideUp("fast"); 
} 

}); 

fiddle here

Answer 3

EDIT

моей старая скрипка не сделал работу отверстия, вот новый один, который работает:

http://jsfiddle.net/cuYBD/11/

В скрипке я заменил тело с DIV # mybody.

изменить ваш body.click Функция:

$("body").click(function(e){ 
    var bodyfound = false; 
    $(e.target).parents().each(function() { 
     if($(this).is(".popup")) { 
      bodyfound=true; 
      return; 
    } 
    }); 
    if(!bodyfound) { 
     $(".popup").slideUp("fast"); 
    } 
}); 

Answer 4

Попробуйте изменить:

$("body").click(function(){ 
    $(".popup").slideUp("fast"); 
}); 

Для этого:

$(document).click(function(){ 
    $(".popup").slideUp("fast"); 
}); 

$(".popup").click(function(e){ 
    e.stopPropagation(); 
});