외부 클릭시 Jquery 목록 메뉴 닫기

Question

드롭 다운 목록의 스타일을 지정하기 위해 Codrops에서 멋진 jquery 플러그인을 발견했습니다. 플러그인은 잘 작동합니다. 큰 문제없이 구현할 수있었습니다.

한 가지 문제가 있습니다. 메뉴 외부를 클릭하면 메뉴를 닫을 수있는 방법을 찾을 수 없습니다. 즉, 메뉴 옵션을 닫으려면 페이지의 아무 곳이나 클릭하면됩니다 (메뉴 자체를 클릭 할 때뿐만 아니라). 나는 비슷한 주제를 여기에서 발견했지만, 나는 그것을 나의 필요에 적용 할 수 없었다. 내가 얻을 수있는 도움에 정말 감사 할 것입니다.

플러그인에 대한 링크 : http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/

Answer 1

가 아래 코드를 사용해보십시오, 당신은 창에서 _initEvents 방법에 그 불을 사용자 정의 이벤트를 추가하고 시도 할 수

$(document).mousedown(function(){ 
if($('.cd-dropdown.cd-active').length){ $('.cd-dropdown span').trigger('click'); 
}else{} });