처음부터 차근차근

jquery click 이벤트 동적 페이지에 적용하는 법 본문

프로그래밍/Javascript

jquery click 이벤트 동적 페이지에 적용하는 법

_soyoung 2022. 2. 5. 16:19
반응형
$("선택자").click(function(){
    //코드
});

jquery click 이벤트는 정적 페이지에서는 잘 작동이 되지만 동적 페이지

(예를들어 js 구문으로 추가한 코드라던지...)에서는 작동이 되지 않는다.

 

 

그럴 땐 아래의 on 이벤트를 사용하면 된다.

$(document).on("click", "선택자", function(){
    // 코드
});

이걸 사용하면 동적 페이지에서도 click이벤트가 잘 실행 된다.

 

 

 

 

 

참고 : https://vlog.tion.co.kr/%ED%95%B4%EA%B2%B0-jquery-click-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%95%88%EB%90%A8-%EB%8F%99%EC%A0%81-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%A0%81%EC%9A%A9-%EB%B0%A9%EB%B2%95/

반응형

'프로그래밍 > Javascript' 카테고리의 다른 글

날씨 API : OpenWeatherMap  (0) 2022.02.07
jquery : Event.stopImmediatePropagation()  (0) 2022.02.06
별점 구현  (0) 2022.02.04
Full Calendar (php 사용)  (1) 2021.12.01
jquery datepicker  (0) 2021.11.23
Comments