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 |
29 | 30 | 31 |
Tags
- mark up
- 웹디자인
- 3D
- 스크롤 웹디자인
- 이미지 리플레이스먼트
- jquery 웹디자인
- 신박한 웹디자인
- Image Replacement
- 신박한 디자인
- 스크롤 웹사이트
- 우주 웹디자인
- 일러스트
- 웹 접근성
- 마크업
- 이쁜 웹디자인
- 깔끔한 웹디자인
- 마우스오버
- IR기법
- 사람 일러스트
- 디자인
- 접근성
- 시맨틱 마크업
- 스크롤
- 배경이 이쁜 웹디자인
- 시맨틱
- 귀여운 웹디자인
- 웹사이트
- 유니크
- jQuery
- 특이한 웹디자인
Archives
- Today
- Total
Play Ground
동적으로 생성된 태그에 이벤트 주기! 본문
처음 작성된 html코드는
$("#target").on("click", function(){ 이벤트 });
이런식으로 작성하면 이벤트가 잘 먹었다.
근데 append나 prepend, before, after로 생성한 태그에는 이벤트가 먹지 않았음! 주륵
열심히 구글링 한 결과 저 코드를 조금만 응용하면 된다고 함(참고로 1.7 이후버전)
$(document).on("click", "#target", function(){ 이벤트 });
대충 정리하면
$(document).on(1, 2, 3)
1 -> click, mouseover, keyup 등의 이벤트
2 -> 타겟태그(#은 id, .은 class)
3 -> 함수
'Programming > JavaScript/JQuery' 카테고리의 다른 글
url(path)을 비교하여 메뉴 active 하기 (0) | 2018.08.13 |
---|---|
iframe youtube 재생, 일시정지, 중지 제어 (0) | 2017.07.27 |
[모바일웹] 메인메뉴를 터치 슬라이드 방식으로 만들기 (1) | 2017.01.16 |
웹에 파워포인트(PPT) 띄우기 (0) | 2015.12.28 |
[jquery] 10가지 태그 클라우드 플러그인 (0) | 2013.03.13 |
[jquery] jquery모음 사이트 (0) | 2013.03.12 |
[jquery] 퀵메뉴 (0) | 2013.03.05 |
[jquery] 마우스오버로 커졌다가 작아졌다 (0) | 2013.03.05 |