Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- create-next-app
- typscript react
- codepen
- react 스프레드
- nextjs typescript
- react map
- react hooks
- 카라쿠
- 일본 아메리카노 가격
- react hook typescript
- nextjs eslint
- react
- typescript react next
- nextjs redux
- NODE_PATH
- 스타벅스
- redux example
- typescript next
- nextjs redux example
- 리액트 이벤트 핸들링
- nextjs
- next typescript example
- 카라쿠 커리
- typescript hooks
- 후쿠오카 스타벅스
- react nextjs
- 일본스타벅스
- 삿포로 공항
- nextjs prettier
- 신겐라멘
Archives
- Today
- Total
일안하고블로그
[제이쿼리]Jquery 동적함수 실행방법 본문
제이쿼리(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