1

почему не срабатывает у меня Jquery? Вот есть функция

$('.btn_act_offer').click(function() {
    var $id = $(this).data('offer-id');
    var $url = $(this).data('url');
    //var $class = $(this).hasClass('activate_offer');
    if ($(this).hasClass('activate_offer')){
        var action = 'activate';
    }else{
        var action = 'deactivate';
    }


    $.ajax({
        method: 'POST',
        url: $url,
        data: { offer_id: $id, action: action},
        headers: {'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')},
        dataType: 'json',
        success: function(data) {
            if (data.success) {
               if($(this).hasClass('activate_offer')){
                   swal("Success!", data.payload, "success");
                   $(this).removeClass('activate_offer')
                       .removeClass('btn-success')
                       .addClass('btn-danger')
                       .addClass('deactivate_offer')
                       .text('Деактивировать');
                   console.log('if');
                } else {
                   swal("Success!", data.payload, "success");
                   $(this).removeClass('deactivate_offer')
                       .removeClass('btn-danger')
                       .addClass('btn-success')
                       .addClass('activate_offer')
                       .text('Активировать');

                   console.log('else');
                }
            } else {
                // for debugging
                alert(data);
            }
        },
        error: function(xhr, textStatus, thrownError) {
            alert('Произошла ошибка! Обновите страницу!');
            //alert(xhr.status);
            //alert(thrownError);
        }
    })

});

После ajax запроса не удаляются классы и не добавляются, хотя console.log() срабатывает. Если ввожу в панели вебмастера в браузере то все работает отлично. Направте что не так, а кстати вот HTML этой кнопки:

<button data-offer-id="3" data-url="http://ka.local/admin/change-status-offer" class="btn btn-success activate_offer btn_act_offer">Активировать</button>

1 ответ 1

0

Потому что this в обработчике success не то, что Вы думаете.

if($(this).hasClass('activate_offer')){

Вот так будет работать:

success: (function(data) {
  ...
}).bind(this),
4
  • можете подсказать? Потому что подобный код с другой кнопкой отлично работает.
    – rodgers
    Commented 6 мар. 2019 в 21:45
  • @rodgers Я же не вижу "подобный код". Очевидно, в нем есть принципиальное отличие от неработающего кода в вопросе.
    – user176262
    Commented 6 мар. 2019 в 21:46
  • Видимо так, спасибо помогло. А что тут делается можете пояснить?
    – rodgers
    Commented 6 мар. 2019 в 21:52
  • @rodgers bind возвращает обертку функции, так что сама функция вызывается в контексте того, что передали в bind
    – user176262
    Commented 6 мар. 2019 в 21:55

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.