https://xetown.com/rxe_tip/248952
위 팁 제공해주셔서 잘 사용하고 있습니다.
그런데 신규 댓글이 무조건 맨 아래 달리는 경우가 아닌 일반적인 대댓글 형식을 제공하는 경우 댓글 새로고침 후 새로운 댓글이 위쪽에 대댓글로 달렸다면 새로운 댓글이 추가된 것을 알아채기 힘든데요.
새로고침 후 새로운 댓글이 없다면 없음으로
있다면 새로운 댓글이 몇개라고 표시해 주면 좋을 것 같은데 복잡하고 어렵겠죠??
마지막 댓글의 작성 시간을 비교해서 새로 불러온 댓글의 마지막 댓글 작성 시간이 커졌더면 신규 댓글이 있다고 인식하거나
혹은 댓글번호를 이용할 수도 있을 것 같기도 합니다.
댓글 수는 소통이 활발한 곳에서는 삭제된 댓글로 인해 문제가 될 것 같더라구요. 저희는 물론 삭제된 댓글로 남고 그리고 댓글이 빠르게 달리고 삭제되는 곳이 아니라 상관은 없을 지도 모르겠습니다.
그리고 더쿠넷을 봤더니 댓글이 없을때 알리는 것을 div로 했더라구요. 댓글수를 알려줄때는 사라지면 안되겠지만...
신규댓글이 없다고 출력되고 사라지게 했더라구요. 이런 동작도 좋은 것 같습니다.
약간 무식하긴 하지만 대강 이런 식이 될 것 같네요.
function commentReload(target_srl) {
var reqUrl = current_url.setQuery('mid', current_mid, 'document_srl', target_srl);
var cmtSrl = getRecentCommentSrl();
jQuery('.loading-spinner').show();
jQuery('.comment-reload > span').hide();
jQuery.ajax ({
url:reqUrl,
dataType:'html',
success: function(data) {
var a = jQuery(data),
b = a.find('#cmtPosition').html();
jQuery('#cmtPosition').html(b);
},
complete: function() {
var newSrl = getRecentCommentSrl();
if ( cmtSrl < newSrl ) {
alert('새로운 댓글이 달렸습니다');
} else {
alert('새로운 댓글이 없습니다');
}
setTimeout(function() {
jQuery('.loading-spinner').fadeOut();
jQuery('.comment-reload > span').fadeIn();
}, 500);
}
});
}
function getRecentCommentSrl() {
var max = 0;
jQuery('#cmtPosition').find('.fdb_itm').each(function() {
max = Math.max(Number(jQuery(this).attr('id').replace('comment_', '')), max);
});
return max;
}
이것도 돌려보진 않고 그냥 코딩한 거여서 될지는 모르겠어요;;;
댓글 리스트에 광고가 있어서 undefined 값이 들어왔군요ㅜ
이걸로 바꿔보시죠.
function getRecentCommentSrl() {
var max = 0, cmtID;
jQuery('#cmtPosition').find('.fdb_itm').each(function() {
cmtID = jQuery(this).attr('id');
if ( cmtID != '' && typeof cmtID != 'undefined' ) {
max = Math.max(Number(cmtID.replace('comment_', '')), max);
}
});
return max;
}
댓글 수를 비교하는 것도 방법일 것 같아요.
ajax 호출 전에 기존 댓글 수를 가져오고, 호출 뒤의 댓글 수랑 비교하는...
머리로만 짜봤는데 될지는 잘 모르겠습니다.
function commentReload(target_srl) { var reqUrl = current_url.setQuery('mid', current_mid, 'document_srl', target_srl); var cmtCount = Number(jQuery('#cmtPosition').find('.ui_font b').text()); jQuery('.loading-spinner').show(); jQuery('.comment-reload > span').hide(); jQuery.ajax ({ url:reqUrl, dataType:'html', success: function(data) { var a = jQuery(data), b = a.find('#cmtPosition').html(); jQuery('#cmtPosition').html(b); }, complete: function() { var newCount = Number(jQuery('#cmtPosition').find('.ui_font b').text()); if ( cmtCount < newCount ) { alert((newCount - cmtCount) + '개의 댓글이 달렸습니다'); } else { alert('새로운 댓글이 없습니다'); } setTimeout(function() { jQuery('.loading-spinner').fadeOut(); jQuery('.comment-reload > span').fadeIn(); }, 500); } }); }위에서 새로 첨가한 아래 부분을 complete가 아니라 success에 넣어야 할지도 모르겠네요.
var newCount = Number(jQuery('#cmtPosition').find('.ui_font b').text()); if ( cmtCount < newCount ) { alert((newCount - cmtCount) + '개의 댓글이 달렸습니다'); } else { alert('새로운 댓글이 없습니다'); }흠, 근데 가능성은 드물겠지만 리로딩 동안 댓글이 사라지거나 하는 문제도 있겠네요.