일안하고블로그

[제이쿼리]Jquery 동적함수 실행방법 본문

JavaScript/Jquery

[제이쿼리]Jquery 동적함수 실행방법

대한93 2018. 10. 16. 00:37

제이쿼리(Jquery) .on()

제이쿼리를 사용하다보면 동적으로 생성된 함수에 Function을 걸어야 하는 경우가 발생합니다. 

그럴경우 동적 DOM과 정적 DOM모두에 Function을 걸어야하는데 저는 .on()을 사용합니다. 

종종사용하고 암기가 어려워 예제를 만들었습니다.

$(document).ready(function(){ /* 소스 */ });

상단의 ready는 해당 문서를 다읽고 실행되는 Function입니다. 따라서 문서의 내용이 변화하면 감지를 하지못합니다. 

하지만 on()은 바뀐 시점에서 전체 내용을 읽기 때문에 내용변경 후에도 이벤트가 가능해집니다.

$(document).on("click",".menu div", function(event){});


'JavaScript > Jquery' 카테고리의 다른 글

[ 제이쿼리 ] show 효과  (0) 2018.07.23
Comments