0

По клику на кнопку, ajaxом подменяется часть контента на странице. В том числе и кнопка, по которой срабатывает функция. После этого функция по кнопке уже не вызывается, хотя она имеет нужный селектор. Не подменять эту кнопку в моем приложении довольно сложно, можно ли как-то обойти эту проблему и заставить кнопку работать повторно?

$('.remove-from-cart').on('click', function(){
    var data = {
        product_id: $(this).attr('data-product-id')
    };

    $.ajax({
        type: 'GET',
        url: '/remove-from-cart/',
        data: data,
        success: function(data){
            $('#shoping-cart-widget').html(data)
        }
    });

    return false;
});
2
  • Покажите ваш код
    – Nilsan
    20 ноя 2018 в 16:54
  • Добавил код, но мне кажется, что он мало что иллюстрирует) 20 ноя 2018 в 16:56

1 ответ 1

1

Да можно, добавь этот скрипт в файле ответа, тогда он у тебя будет вешаться на кнопку снова и снова, тем самым будет работать бесконечно

Ещё есть вариант начало функции не правильно выглядит

$('а тут родительский селектор').on('click', '.remove-from-cart', function(){

.on для этого и создан что бы динамично добавлять обработчик на вновь появившиеся элементы

2
  • Юху! Вот этот вариант работает и выглядит адекватнее того, что ты предложил в первый раз)) Спасибо большое) 20 ноя 2018 в 17:26
  • @КонстантинКомиссаров Добавил код, но мне кажется, что он мало что иллюстрирует) - не зря всегда нужно добавлять код :-)
    – Nilsan
    22 ноя 2018 в 10:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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