在评论投票系统中使用一个图像加载器gif

Question

我有一个允许用户进行upvote和downvote的coments系统。

例如，每条评论旁边都有这样的内容。

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

当用户点击其中一个投票div时，我想要一个ajax loader微调器来取代积分，同时获取更新的得分。

我能做到这一点的最好方法是什么？

理想情况下，页面上只有一个微调器位于relvant“votecount”类中。

Answer 1

单击该按钮时，添加一个加载微调器，完成后，移除加载微调器。

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