Js follow and unfollow проблема и решение

Добрый день Alto пользователи. Прошу помочь разобраться, т.к именно в js я полный ноль.

Есть 2 кнопки, выглядят вот так http://prntscr.com/9y3umr

<button type="button" class="btn btn_blue btn_large" id="followUser" title="Подписаться на пользователя" data-login="spendlively">Подписаться</button>


<button type="button" class="btn btn_blue btn_subscribed btn_large" id="unfollowUser" title="Вы подписаны на пользователя" data-login="spendlively">Подписан</button>


Есть профиль пользователя, в стандарте Подписаться и Отписаться.

Так же есть js код

/**
   * Подписаться/отписаться от юзера
   */

  $('#followUser').click(function(){
    var link = $(this);
        link.addClass('loading');
    var login = $(this).attr('data-login');
    $.post('/json/users/follow/', {'login':login}, function(json){
      if(json.messages =='ok'){
        $('#unfollowUser').removeClass('hidden');
        $('#followUser').addClass('hidden');
        var followers_count_string = '<a href="/users/'+login+'/subscription/followers/">'+json.followers_count_string+'</a>';
        $('#followers_count').html(followers_count_string);
      }else{
        show_system_error(json);
      }
      link.removeClass('loading');
    },'json');
    return false;
  });

  $('#unfollowUser').click(function(){
    var login = $(this).attr('data-login');
    var link = $(this);
        link.addClass('loading');

      $.post('/json/users/unfollow/', {'login':login}, function(json){
        if(json.messages =='ok'){
          $('#unfollowUser').addClass('hidden');
          $('#followUser').removeClass('hidden');
          var followers_count_string = json.followers_count > 0 ? '<a href="/users/'+login+'/subscription/followers/">'+json.followers_count_string+'</a>' : json.followers_count_string;
          $('#followers_count').html(followers_count_string);
        }else{
          show_system_error(json);
        }
        link.removeClass('loading');
      },'json');

    return false;
  });


Собственно изначально должна быть 1 кнопка ( Подписаться ) после того как нажал, она принимает стиль «hidden» соответственно исчезет и на её месте появляется кнопка ( Подписан ) с другим цветом.

Помогите отредактировать js код что бы заработало.

5 комментариев

0
Несколько минут пытался убедить себя в том, что это я туплю... Но что-то не получается (чувствую себя вроде нормально). Скажите, в чем смысл Вашей просьбы? Разве данный функционал уже не реализован в движке?
Искренне извиняюсь, возможно действительно туплю...
0
Реализован, но не таким расширенным образом. Можно сказать примитивным. но мне даже соеденить стандартный жс не удалось. Готов заплатить премиальные кто поможет сделать, подробности объясню
0
Ну, судя по коду, при нажатии на одну из кнопок при правильном ответе с сервера, она скроется, а противоположная покажется. Используй отладчик браузера (обычно F12), чтобы посмотреть ошибки жс и убедиться, что приходит правильный ответ от сервера.
0
Точнее, это js от хабра. У меня не хватает мозгов подружить его с альто, но мне это очень нужно делать! пробовал вставлять, ругается на /json/users/unfollow/ это естественно, потому что у альто такого нет...
далее ссылки и '+json.followers_count_string+ и тд... вот кто сможет помочь мне в данной проблеме ?
0
ЗАдача решена! Закрыто, спасибо 1099511627776/
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.