0

Суть такова, что имеются блоки с чекбоксами, при клике на блок к нему добавляется класс active, при этом по остальным блокам проходит проверка на наличие этого же класса и в случае удачи удаляем его. Таким образом класс active одновременно может быть только у одного блока. Но при чеке какого-либо чекбокса происходит естественно перезагрузка pjax DOM элементов и класс active исчезает. Как можно запомнить и передать этот класс этому элементу после pjax перезагрузки?

Сначала была такая идея

function collapse(){
        $('#filter-form [type="checkbox"]').each(function() {
            if ($(this).prop('checked')) {
                $(this).closest('#filter-block').addClass('active');
            }
        });
    }
$(document).on('pjax:success', function(e) {
        collapse();
    });

Но так класс добавляется всем блокам с выбранными чекбоксами, а нужен только тот с которого был сабмит.

Собственно сама кликалка

$('body').on('click', '#filter-title' , function(){
        $(this).parent().toggleClass('active');
        $(this).parent().siblings().removeClass('active');
    });

Может к сабмиту как то прикрутить? Так не работает:

$('body').on('change', '.checkbox__filter', function (e) {
        $(this).closest('form').submit();
       $(this).closest('#filter-block').addClass('active');

    });
2
  • Как вариант сохранять индекс элемента перед pjax-запросом и после перезагрузки искать элемент по этому индексу и делать его активным
    – pa3py6aka
    21 фев 2017 в 15:13
  • @Pa3Py6aka Да, в итоге так и поступил. 22 фев 2017 в 12:05

1 ответ 1

0

Решил вопрос добавив по клику запись индекса элемента (via .index()) в скрытый инпут

var $set = $('#filter-title'),
            n=$set.index(this); 
    $("input[name=index]").val(n);

Затем после обновления DOM, по этому индексу ищем нужный элемент и добавляем ему нужный класс.

var eq = $("input[name=switch]").val(); 
    $('#filter-title:eq('+eq+')').parent().addClass("active");

Ваш ответ

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

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