새로 생성한 Element에 대해 Listener 설정하기

HTML의 DOM이 완성된 이후에, 사용자 동작에 의해 jQuery나 JavaScript로 Text, Button, Select 등의 Element를 간혹 만드는 경우가 있습니다.

 

이렇게 만들어진 Element에 클릭을 한다던가, 마우스 오버를 했을 때의 동작을 제어가 필요할 때가 있습니다.

 

이렇게 생성된 Element는 $(document).ready(function() { … } 에서 선택자로 미리 선택하였을 때는, DOM에 해당 Element가 없기 때문에 Listener가 작동하지 않습니다.

 

이럴 때 아래와 같은 방법으로 하시면 되겠습니다.

사용자가 생성하게 될 Element에 class의 이름을 선택하여 사용 할 수 있습니다.

(“save_store”는  사용자가 생성하는 버튼의 class 입니다.)

Leave a Reply