jQuery 선택기 :이 div가 아닌 해당 div

Question

해당 div 외에 아무것도 클릭하면 div 닫을 jQuery 클릭 함수를 만들려고합니다. 내 문제는 검색 필드와 거기에있는 다른 버튼을 클릭하면 열려 있어야합니다.

$("*:not(#header)").click(function() { 
    $('#header').slideUp({ 
     duration: 550, 
     easing: 'easeOutExpo' 
    }); 
}); 

가 나는 또한하고 싶은 말 '과'#categoryMore '하지 않고'#headerSearch '아니다 "하지만 내가 사용했던 구문이 작동되지 않은 :

나의 현재 기능입니다.

$("*:not(#header, #categoryMore, #headerSearch)") 

및

$("*:not(#header), *:not(#categoryMore), *:not(#headerSearch)") 

어떤 아이디어? 도와 줘서 고마워!

Answer 1

편집 :

여기에 테스트 할 수있는 예입니다. http://jsfiddle.net/yvFcz/

예제에서는 slideToggle()을 사용 했으므로 두 번 이상 더 쉽게 테스트 할 수 있습니다.

---

는 #header을 닫는 document에 핸들러를 넣습니다.

#header에 처리기를 배치하고 event.stopPropagation()을 클릭하면 문서 내부를 클릭 할 때 이벤트가 버블 링되지 않습니다.

$(document).click(function() { 
    $('#header:visible').slideUp({ 
     duration: 550, 
     easing: 'easeOutExpo' 
    }); 
}); 

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

는

• http://api.jquery.com/event.stopPropagation

참고 페이지의 다른 요소는 event.stopPropagation() 또는 return false;, 이벤트하지 않습니다 문서까지 거품하고 #header원를 사용하는 클릭 핸들러가있는 경우 닫지 마라.

그런 경우 해당 핸들러에서 직접 처리해야합니다.

Answer 2

사용할 수 jQuery outside events JQuery와 플러그인이 있습니다 : jQuery를 외부 이벤트와

는 할 수 있습니다 특정 "원래"이벤트가 외부 발생하면 만 트리거됩니다 이벤트에 바인드 문제의 요소. 예를 들어, 외부를 클릭하고 바깥 쪽을 두 번 클릭하고 바깥 쪽을 마우스로 가리킨 다음 바깥쪽에 포커스를 놓습니다 (기본값은 "바깥 쪽"이벤트). 또한 외부 이벤트가 기본적으로 제공되지 않은 경우 을 쉽게 정의 할 수 있습니다.

Answer 3

난 당신이 jQuery not()를 사용할 수 있다고 생각하며이 같이 간단 할 수있다 : 이것은 당신이 #header 이외의 아무 곳이나 클릭하고 작업이 트리거 될 수 있습니다

$(document).not('#header, #categoryMore, #headerSearch').click(function() { 
    $('#header').slideToggle({ 
     duration: 550, 
     easing: 'easeOutExpo' 
    }); 
}); 

. 다른 .click() 이벤트 및 전파에 대해 걱정할 필요가 없습니다. 적어도 내 지식은 아님 ... #header, #categoryMore, 및 #headerSearch을 선택하면 안됩니다.

바깥 쪽을 클릭 할 때마다 jQuery slideToggle()을 사용하여 머리글과 그 내용을 위아래로 슬라이드 할 수 있습니다. 단지 숨기고 싶다면 지금 .slideUp()을 사용하십시오 :)

희망이 있습니다.