Как отфильровать контент с помощью isotope и noUiSlider?

Здравствуйте. Суть проблемы такая: использую плагин isotope для построения сетки и фильтрации. Сделал фильтрацию по чекбоксам, но стоит задача добавить также и фильтрацию по значениям range slider'a (использую noUiSlider). Есть массив в который заносятся текущие значения фильтра (пока только от чекбоксов), но нужно добавить туда же и значения слайдера (не фильтровать отдельно, а именно добавить к фильтрации по чекбоксам еще и значения слайдера). Все это усложняется тем, что у первого слайдера значения числовые, а вот у второго будут строки. Запилил рабочий пример на JSFiddle . Прошу помощи у знатоков, так как сам сижу уже два дня и не могу добиться толку.
P.S. Раньше, до чекбоксов, по слайдеру с целыми числами фильтровал так:
$("#slider").on({
        set: function(){
            $grid.isotope({
                filter: function (){
                    var number = $(this).find('p').text();
                    number = parseInt(number) || 0;
                    var numslider = parseInt($('.slider-value').text()) || 0;
                    var numslider1 = parseInt($('.slider-value-upper').text()) || 0;
                    return number >= numslider && number <= numslider1;
                }
            });
        }
    });
  • Вопрос задан
  • 771 просмотр
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы