.mouseup() 한 번만 실행

Question

jquery .mouseup()을 사용하여 사용자가 팝업 외부를 클릭하면 닫습니다. 내 문제는 처음 사용되었을 때만 작동한다는 것입니다. .on() 버전을 사용해 보았지만 도움이되지 않습니다.

$(document).ready(function() { 
    $(document).mouseup(function(e) { 
     var container = $("#mpop-loop"); 
     if (container.has(e.target).length === 0) { 
     container.fadeOut("fast").remove(); 
     } 
    }); 
}); 

및

$(document).ready(function() { 
    $(document).on("mouseup", function(e) { 
     var container = $("#mpop-loop"); 
     if (container.has(e.target).length === 0) { 
     container.fadeOut("fast").remove(); 
     } 
    }); 
}); 

어떻게가 트리거있어이 작업 매번 만들 수 있습니까?

Answer 1

.has은 요소 자체를 무시하고 하위 항목에서만 작동합니다. 이 (당신이 어쨌든 문서에 이벤트를 바인딩하고 있기 때문에 당신이 $(document).ready 필요하지 않습니다) 시도 : 당신이 클릭에 트리거 할 경우

$(document).on("mouseup", function(e) { 
     var container = $("#mpop-loop"); 
     if (!container.has(e.target).length && !container.is(e.target)) { 
     container.fadeOut("fast"); 
     } 
    }); 

http://jsfiddle.net/mblase75/bWDXH/

Answer 2

$('body').click(function(){ 

    $("#mpop-loop").fadeOut("fast"); 

}); 

"# mpop-loop"를 제거하면 컨테이너를 다시 열 때 이벤트를 다시 추가해야 할 수 있습니다.

Answer 3

"on"함수의 위임을 사용하고 ": not (.popup-class)"필터를 사용하여 팝업 이벤트가 아닌 페이지의 모든 요소에 click 이벤트를 위임 할 수 있습니까? 팝업을 클릭하면 닫기가 실행되지 않도록 한 번 생각해보십시오.