페이지 생성 시 넣은 요소와 동적으로 넣을 요소가 작동이 다릅니다 ㅠㅠ
본문
예제코드는 따로 올려두었습니다.
html단에서 만든 span>.wr_situation 이 요소들은 삭제, 값이 변경됬을때 모두 잘 반응합니다.
하지만 js단에서 function add_situation 으로 추가된 요소들은 문제가 있는데요 ㅠㅠ
삭제버튼이나 값이 변경되었을때 인지하지 못하고 있습니다.
중요한건 add_situation 만들어진 내용들이 잘 돌아가야 하는데 도와주세요
답변 1
스크립트 실행 시 존재하지 않았던 요소들은 리스너를 추가하신 요소에 별도로 새로 붙여주시거나, 제이쿼리 쓰시는 경우 아래처럼 도큐먼트 기준으로 리스너 잡아주셔야 추가된 요소에도 적용이 됩니다.
$('a.remove_btn').on('click', function(e) {
=>
$(document).on(''a.remove_btn'', 'click', function(e) {
$(".wr_situation").change(() => {
=>
$(document).on(".wr_situation", 'change', () => {
답변을 작성하시기 전에 로그인 해주세요.