использовать один GIF-загрузчик изображений в системе голосования за комментарии

Question

У меня есть система комментариев, которая позволяет пользователям повышать или понижать голос.

например, что-то вроде этого рядом с каждым комментарием.

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

Когда пользователь нажимает один из разделов голосования, я хочу, чтобы счетчик загрузчика ajax заменил очки, пока он получает обновленный счет.

как лучше всего это сделать?

в идеале только с одним счетчиком на странице, который находится в релевантном классе "voicecount".

Answer 1

Когда кнопка нажата, добавьте загрузочный счетчик, а когда он закончится, удалите загрузочный счетчик.

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