어떻게 사업부 외부 사용자가 클릭</p> <p>내가 검색이있을 때

Question

이 어떻게 사업부에 영향을 jQuery를 이것과 클래스를 사용합니까 사업부에 영향을 jQuery를 이것과 클래스를 사용 않는 나는 그 작품을 만들었다. 나는 결과를 지우는 결과를 얻는 것으로 어려움을 겪고있다. 사용자가 결과 나 검색 창 바깥을 클릭 할 때만 그렇다. 다음은 검색 창에서 IN 또는 결과 div를 클릭해도 결과가 지워지는 경우를 제외하고는 작동합니다. (나는 문제가 if 문에서 "이"참조 관련이 있다고 상상한다.) 나는 또한 시도

$('#searchbox').keyup(function(){ 
    $.post("remote.php",{'func':'contactsearch','partial':this.value},function(data){ 
    $("#results").html(data); 
    // erase the results when user clicks outside the search 
    $('body').click(function(){ 
     if (!$(this).hasClass('nd_search')) { // erases results even when clicked inside result - why? 
     $("#results").html(''); 
     $('body').unbind('click'); // remove event handler. add again when results shown. 
     } 
    }); 
    }); 
    });  
}); 

<div class="nd_search"> 
    <input id="searchbox" type="text" class="nd_search"/> 
    <div id="results" class="nd_search"></div> 
</div> 

:

$('body').click(function(event){ 
    if (!$(event.target).hasClass('nd_search')) { ... 

을 둘째로, 차라리에만 포함 DIV에 클래스를 가질 것 . if 문을 어떻게 변경합니까?

나는이 주제에 관해서 다른 게시물을 보았는데, 이것은 나에게 이것을 멀리 가지고있다. 나는

Answer 1

사용 이 논리

$('body').click(function() { 
//Hide the menus if visible 
}); 

$('#menucontainer').click(function(event){ 
    event.stopPropagation(); 
}); 

Reference

는

Answer 2

가 콜백, 예를 들어,에 매개 변수로 이벤트 객체를 넣어 거의

감사 해요 $ ('몸'). 기능 (E (클릭) {다음. e.target 대신 확인

인해 이벤트가 자바 스크립트에서의 작업 방식에, 당신의 방법은 쉽게 바람직하지 예측할 수없는 결과를 생성 할 수 있습니다.

Answer 3

$('body').click(function(evt) { 
if($(evt.target).parents('.nd_search').length==0) { 
    $("#results").html(''); 

} 
}); 

는