jquery에서 jquery로 만든 html 클래스의 클릭 이벤트 만들기

Question

클릭 이벤트가있는 클래스를 만든 다음 다른 클릭 이벤트를 클릭하여 변경 사항을 되돌려 놓으려고합니다. 두 개의 다른 버튼이있는 토글처럼.

$('.detail-click').on("click", function() { 
$(this).parent().css('height','400px'); 
$(this).parent().html('<img class="exit" src="img/exit.png">'); 
}); 


$('.exit').on("click", function() { 
$(this).parent().css('height','88.390625px'); 
}); 

exit 클래스가 아무런 조치를 수행하지 않고 있으며, 상위 클래스의 크기를 변경해야합니다. 결국 나는 종료 클래스를 제거하고 변경 사항을 되돌리려 고합니다.

미리 감사드립니다.

Answer 1

당신이 개념 작업을 할 event-delegation를 사용해야 페이지로드시 사용할 수없는 요소에 대한 이벤트를 등록하고 있기 때문에,

$(document).on('click','.exit' ,function() { 
    $(this).parent().css('height','88.390625px'); 
});