jquery에 의해 append로 붙여진 요소들은 다시 jquery에 의해 클릭 이벤트를 추가 할 수 없나요?

Question

안녕하세요.html page에 표 2개가 있습니다. 상단 테이블의 특정 row를 클릭하면 jquery에 의해 하단 테이블 row들이 채워집니다. Table ATitle A Title B Table B B1B2버튼BC1C2버튼CD1D2버튼D 위의 예제의 경우 Table A의 Title A나 Title B를 클릭하면 Table B의 B1 ~버튼D까지 9개의 셀을 채웁니다.채우는 방법은 각 행의 tr에 id를 처음에 세팅 해 놓고, 해당 tr을 remove()에 의해 삭제하고 B1B2..... 스트링을 다시 apeend() 합니다. 그럴 경우 저 버튼 B, C, D의 id가 btn1, btn2, btn3에 의해 클릭 이벤트를 Jquery로 만들면 클릭 이벤트가 안되나요?????해당 버튼을 jsp로 했을 때는 되는데 jqeury로 하니까 안 먹는 것 같아서요. 혹시 이대로 안되면 해결 방법이 있을까요? jquery 고수님들 답변 부탁드립니다. 미리 감사드립니다.

커리조아 · Answer

동적 DOM생성이기때문에$(document).on(click <이방식으로 하셔야합니다.documet를 다시읽어오는거죠.아니면 해당 btn을 생성해주는 function에 해당 이벤트함수를 넣어주셔야하는데 이 경우는 버그가 날수있습니다.

오모씨 · Answer

아 $(document).on('click', id, function) 이 형식으로 해야 된다는 말씀 이시군요. 답변 감사합니다.

커리조아 · Answer

아니면 btn에 onclick 함수를 넣으시는것도 또다른방법입니다!<input type button onclick&#61;'호출함수(파리이터)'>호출함수 부를때 this를 넣으면 해당 버튼 Dom에 접근후jquery 셀렉터로상위 dom접근해서 조종가능합니다.

jquery에 의해 append로 붙여진 요소들은 다시 jquery에 의해 클릭 이벤트를 추가 할 수 없나요?

3개의 답변

Q&A 목록