0

Есть ajax запрос на option-ы

$('input[type=\'checkbox\']').on('click', function() {
$(".products-subcategories").append(loadercircle);
$('#catalog-sort-form').ajaxSubmit({
    success: function(data) {
        $('.wrapper-whitening, #floatingCirclesG').hide();
        $('.catalog-items-wrapper').replaceWith($(data).find('.catalog-items-wrapper'));
        $('.catalog-bottom').replaceWith($(data).find('.catalog-bottom'));
        $('.mobile-sort-bottom').replaceWith($(data).find('.mobile-sort-bottom'));
    }
});});

Но так же, после подгрузки нужных нам объектов, должны обновляться с этой же страницы div-ы, в которых находятся сами options (на этой странице, с которой мы берем данные по submit, этих options больше ) Проблема следующая - если я добавляю

$('#categorie').replaceWith($(data).find('#categorie'));
$('#brand-block').replaceWith($(data).find('#brand-block'));

и обновляю этот блок с опциями - ajax срабатывает только единожды. Чего мне не хватает, как сделать, чтобы ajax срабатывал по обновленному блоку с options?

2

1 ответ 1

0

Благодаря этому вопросу, проблема решена делегированием событий

    $(document).on('click', 'input[type=\'checkbox\']', function() {});
1
  • на весь уж документ вешать-то не надо. найдите ближайшего кандидата по дереву DOM вверх
    – teran
    14 ноя 2019 в 9:11

Ваш ответ

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

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