Фильтрация в изотопах - PullRequest
Новая
       37

Фильтрация в изотопах

0 голосов
/ 05 марта 2019

У меня есть два раскрывающихся списка: в одном вы можете выбрать страну, а в другом - отрасль. Каждая отраслевая сетка имеет несколько названий отраслей, связанных с разными странами.Мне нужно создать фильтр, который позволит вам выбрать отрасль и страну и указать на ее основе результаты

Каждый элемент отрасли и страны имеет класс

Код фильтра: 

var $grid = $('.grid').isotope({
    itemSelector: '.grid-item',     
    percentPosition: true,
    masonry: {
        columnWidth: '.grid-sizer',
        gutter: 23,
    }
});

$('.brand-family .explore-btn .view-filter').click(function(e){
    e.preventDefault();
    var filterValueCountry = $('#ddcountry').val();
    var filterValueIndustry = $('#ddindustry').val();
    filterValue = filterValueCountry + filterValueIndustry;
    $grid.isotope({ filter: filterValue  });
    if($grid.data('isotope').filteredItems.length > 0){
        $('#no-results-container').hide()
    }else{
        $('#no-results-container').show()
    }
});

Разметка для выпадающих списков 

<select class="selectpicker dropup" id="ddindustry" tabindex="-98" data-dropup-auto="false" data-size="5">

Каждый параметр имеет значение.

Элементы сетки 

<div class="grid" style="position: relative; height: 2049.43px;">
  <div class="grid-sizer"></div>
   <div class="Shopping Malls 0399142d-764e-45a3-9cd6-00e6da60d770 grid-item" style="position: absolute; left: 0%; top: 0px;">

Список под каждой сеткой-item 

<ul>
    <li class="00000000-0000-0000-0000-000000000000 7b604219-8586-40ba-b6c3- 
      2555329e1b72 librandfamilylisting">
</ul>

Здесь .grid - это родительский класс всех сеток, а .grid-item - это класс, который есть в каждой сетке.

Каждый элемент сетки дополнительно имеет список всехотрасли.

Приведенный выше код помогает фильтровать данные по стране и отрасли, но не помогает в фильтрации отраслей по стране.

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

...