[jQuery] 동적으로 생성된 태그의 이벤트 처리하기

2020. 3. 16. 15:16jQuery

<script>
$(document).ready(function() {
	$(태그).on("click",function() {
		$(this).append("<span></span>");
	});

	$("span").on("click",function() {
		alert("생성된 태그입니다.");
	});
});

// 위와 같이 태그를 생성 후에 일반적인 클릭 이벤트로 실행 시킨다면, alert 경고창은 나오지 않습니다.
</script>
<script>
$(document).ready(function() {
	$(태그).on("click",function() {
		$(this).append("<span></span>");
	});

	$(document).on("click","span",function() {
		alert("생성된 태그입니다.");
	});
});

// $(document).on("click","span",function() {}); 와 같이 해결이 가능합니다.
</script>

'jQuery' 카테고리의 다른 글

[jQuery] sortable  (0) 2020.03.16
[jQuery] 이미지 업로드시 미리보기  (0) 2020.03.16