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");

Ваш ответ

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

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