자바 스크립트 이벤트 위임

Question

임 :

$("ul > li.closed").click(function (e) { 
    if (e.target === this) { 
     var li = $(this).closest('li'); 
     li.find(' > ul').slideToggle('fast'); 
     $(this).toggleClass("closed open"); 
    } 
}); 

다른 모든 기능 나는 완벽하게 실행을 다시 작성했습니다, 그러나 이것은하지 않습니다. 여기에 내가 쓴 내용이 있습니다 :

$(document).on("click", "ul > li.closed", function (e) { 
    if (e.target === this) { 
     var li = $(this).closest('li'); 
     li.find(' > ul').slideToggle('fast'); 
     $(this).toggleClass("closed open"); 
    } 
}); 

자세히 알 수 있듯이, 저는 많이 변하지 않았습니다. ul은 열리지 만 더 이상 닫히지 않습니다. 내 실수는 어디 갔지?

Answer 1

문제는 li가 열리면에, 클래스 closed이 제거되고 open가 선택기 li.closed이 셀렉터가 게으르게 평가되는 이벤트 위임의 경우

일치하지 않는 의미, 추가되지만이다 핸들러를 처리하는 일반 이벤트의 경우 이벤트 등록시 대상 요소에 등록 된 적 요소가 핸들러에게

$(document).on("click", "ul > li:has(ul)", function (e) { 
    var li = $(this).toggleClass("closed open"); 
    li.children('ul').slideToggle('fast'); 
});