코멘트 투표 시스템 내에서 하나의 이미지 로더 gif 사용

Question

나는 upvote 및 downvote 수있는 coments stystem 있습니다.

예를 들어 각 댓글 옆에 이와 같은 내용이 있습니다.

<div class="voteup_*commentid*">UpVote</div> 
<div class="votecount_*commentid*">25</div> 
<div class="votedown_*commentid*">DownVote</div> 

사용자가 업데이트 된 점수를 가져 오는 것 동안 내가 포인트를 대체 할 아약스 로더 스피너를 원하는 투표 div의 중 하나를 클릭

.

내가 할 수있는 최선의 방법은 뭐니?

이상적인 "votecount"클래스에있는 페이지에 스피너가 하나만있는 것이 이상적입니다.

Answer 1

버튼을 클릭하면로드 스피너를 추가하고로드가 완료되면로드 스피너를 제거하십시오.

$(.voteup, .votedown).click(function(){ 
    $(this).append("<img src='spinner.gif' id='spinner' />"); 
    $.ajax({ 
    //ajax function here 
    success: function(){ 
    $("#spinner").remove(); 
    } 
    }); 
});