Изотопная сортировка не регистрируется при загрузке страницы, только при нажатии кнопки сортировки - PullRequest
Новая
       27

Изотопная сортировка не регистрируется при загрузке страницы, только при нажатии кнопки сортировки

0 голосов
/ 05 января 2019

Прямо сейчас у меня есть несколько параметров фильтра в моем коде, которые прекрасно работают при нажатии кнопки. К сожалению, хотя у меня есть класс как «активный», правильный фильтр не работает при загрузке страницы. Когда я загружаю страницу, я получаю результаты «Все», хотя мне нужны только те, которые включены в активный фильтр, в данном случае это те, у которых есть тег 2018.

Я пытался решить проблему, используя решения из различных проектов по переполнению стека, jsfiddle и github, но мне не удалось найти правильное решение. 

<!--  WORKS FILTER  -->
<div class="portfolio-filter font-alt align-center">
    <a href="#" class="" data-filter="*">All</a>
    <a href="#2018" class="active" data-filter=".2018">2018</a>
    <a href="#2017" class="" data-filter=".2017">2017</a>
    <a href="#2016" class="" data-filter=".2016">2016</a>
</div>




        <!-- Portfolio Gallery Grid -->
        <div id="grid" class="gallery-isotope grid-4 gutter clearfix">

        <!--  START 2018 ADVERTISEMENTS  -->
          <!-- Portfolio Item Start -->
          <div class="gallery-item 2018">
            <div class="thumb">
              <img class="img-fullwidth" src="images/advertisements/thumbs/2018/donato_hanover.jpg" alt="Donato Hanover">
              <div class="overlay-shade"></div>
              <div class="icons-holder">
                <div class="icons-holder-inner">
                  <div class="styled-icons icon-sm icon-dark icon-circled icon-theme-colored">
                    <a data-lightbox="image" href="images/advertisements/2018/donato_hanover.jpg"><i class="fa fa-plus"></i></a>
                    <!--<a href="#"><i class="fa fa-link"></i></a>-->
                  </div>
                </div>
              </div>
             <!--<a class="hover-link" data-lightbox="image" href="images/advertisements/2018/sebastian_k_2.jpg">View more</a>-->
            </div>
          </div>
          <!-- Portfolio Item End -->

Это один образец элемента 2018 года, конечно же, есть еще много, кроме некоторых из 2017, 2016 и т. Д. Сортировка 2018 активна, но при загрузке страницы отображаются все файлы. Когда я нажимаю кнопку фильтра 2018 года, она работает, но мне нужно сделать это при загрузке страницы.

...