ajax 로딩후 자바스크립트가 사라지는 문제
본문
게시판 입니다.
리스트 페이지에 아작스로 무한스크롤이 적용되어 있습니다.
각 게시물 마다 해당 코멘트를 보여 주려고 합니다.
이 역시 아작스로 구현 되어 있습니다.(댓글을 달아야해서 아작스로...)
리스트페이지에서
각 게시물 아래 자바함수를 만들어
코멘트 페이지 를 불러와 보여줌니다.
1페이지 잘 작동 합니다.
스크롤를 내려서 2페이지 데이터가 불려오면
코멘트가 안보입니다. ㅜㅜ
[요소검사]로 보니 1페이지 데이터에서 자바스크립트 함수 호출이 되는데
불려온 2페에지 데이터에는 자바스크립트 코드가 사라져 있습니다.
기본 페이징 1,2,3.. 을 눌러 들어가면 정상 출력 됩니다.
검색도 해보고 이래저래 다 해봤는데...
도저히 안돼서 도움 요청 드립니다. ㅠㅠ
답변 5
jquery ajax 를 쓰시나요?
그냥 javascript 에서 쓰신다면 해당 javascript 가 ajax 로 호출되면 해당 함수가 로딩이 안되는 문제가 있습니다.
eval 을 이용해서 해당 함수를 강제로 실행(?) 하는 방법을 쓰시거나
jquery 방식으로 바꾸시면 될겁니다
참고로 onclick 는 이벤트라 다시한번 검사를 해서 그런지 되드라구요 ^^
자바스크립트의 위치 때문일수 있습니다.
(로딩 되는 위치에 있을 경우)
심심해서 해당 레이어에 onclick="comment(wr_id)" 으로 호출했더니
클릭하면 코멘트가 나타남... -.,-;;; 아흑
왜 기냥은 안될 ㅜㅜ
말로만 들었을땐 ajax로 자바스크립트 불러오는게 아니라면 안될 이유가 없을텐데 ajax불러오는 곳에 html을 다시 쓰는데 거기에 혹시 스크립트가 들어가나 확인해보세요
ajax는 비동기라서 순서대로 처리되지 않습니다.
스크롤링후 페이지 불러오는 ajax done 코드 안에 코멘트 요청하는 ajax를 넣으세요.