본문 바로가기

programming

[Web] ajax로 불러온 요소(element)에 접근하기

ajax로 데이터를 불러와서 innerHtml로 신나게 때려박았다.

 

그리고는 다음 javascript에서 innerHtml로 박아 넣은 div의 id를 가져다 쓰려는데,,, 불러오지를 못했다.

<script>
$(".project_list").click(function () {
	alert("hello");
}
</script>

<body>
	<div id ="project_list">
		일번 프로젝트
	</div>
</body>

위의 코드로는 아무리 project_list를 눌러도 눌러지지 않는다..

(ajax로 불러와서 innerHtml 한경우만!!) 

 

ajax로 불러온 데이터들에 접근하려면 다른 방법을 사용해야한다.

 

--> 해결방법

<script>
$(document).on("click", ".project_list", function (e) {
	alert("hello@");
}
</script>

 

script 부문을 다음과 같이 바꿔보자