<script>
// AJAX 제출 성공시 이 함수가 자동으로 호출됩니다. 위에서 이름 적었으니까요.
function refreshComments(data) {
// 새로 입력한 댓글의 고유번호입니다.
// 댓글 영역 새로고침 후 해당 댓글을 하이라이트 처리하는 등, 필요에 따라 사용하세요.
var comment_srl = data.comment_srl;
// 사용하시는 스킨에서 댓글 영역에 해당하는 선택자(id, class 등)를 여기에 넣어야 합니다.
var selector = '#comment';
// 이 예제는 페이지 전체를 새로고침하는 방식이므로, 불필요한 데이터를 많이 불러오지 않도록 레이아웃을 제외합니다.
// 스킨에 따라서는 일부분만 다시 불러오는 등 다양한 트릭이 가능할 수 있습니다.
var refresh_url = current_url.setQuery('layout', 'none');
// 현재 화면을 백그라운드에서 새로고침한 후...
$.get(refresh_url, function(response) {
// 기존 페이지에서 댓글 영역을 찾고...
var old_comment_area = $(selector);
// 새로고침된 페이지에서도 댓글 영역을 찾아서...
var new_comment_area = $(response).find(selector);
// 기존 댓글 영역을 새 것으로 바꿔치기합니다!
old_comment_area.empty().append(new_comment_area.contents());
});
}
</script>
댓글 5
스케치북 board.js에 관련 js들이 모여있는데
<script>
// AJAX 제출 성공시 이 함수가 자동으로 호출됩니다. 위에서 이름 적었으니까요.
function refreshComments(data) {
// 새로 입력한 댓글의 고유번호입니다.
// 댓글 영역 새로고침 후 해당 댓글을 하이라이트 처리하는 등, 필요에 따라 사용하세요.
var comment_srl = data.comment_srl;
// 사용하시는 스킨에서 댓글 영역에 해당하는 선택자(id, class 등)를 여기에 넣어야 합니다.
var selector = '#comment';
// 이 예제는 페이지 전체를 새로고침하는 방식이므로, 불필요한 데이터를 많이 불러오지 않도록 레이아웃을 제외합니다.
// 스킨에 따라서는 일부분만 다시 불러오는 등 다양한 트릭이 가능할 수 있습니다.
var refresh_url = current_url.setQuery('layout', 'none');
// 현재 화면을 백그라운드에서 새로고침한 후...
$.get(refresh_url, function(response) {
// 기존 페이지에서 댓글 영역을 찾고...
var old_comment_area = $(selector);
// 새로고침된 페이지에서도 댓글 영역을 찾아서...
var new_comment_area = $(response).find(selector);
// 기존 댓글 영역을 새 것으로 바꿔치기합니다!
old_comment_area.empty().append(new_comment_area.contents());
});
}
</script>
위 스크립트 완료시점에 다시 board.js를 다시 불러올수 있는방법이 있을까요?
확신은 없는데 혹시 $.get 안에서 $.getScript 같은 것도 시도해보셨을까요?
덧. 어쩌면 board.js 내에서 이벤트들이 on메소드로 호출되도록 하시는 것도 생각해보시면 좋을 것 같아요.