Элементы изотопа вне контейнера на фильтре - PullRequest
Новая
       34

Элементы изотопа вне контейнера на фильтре

1 голос
/ 03 февраля 2020

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

Когда я пользуюсь фильтром, у меня есть предметы, вылетающие из контейнера. Пожалуйста, смотрите мой код ниже. Я использую это с Bootstrap. 

<div class="profiles__filter__wrap__option">
  <div class="option__reset" data-filter="*">X</div>
  <div class="option__select" data-filter=".female-physiques">Women</div>
</div>
<div class="profiles__filter__wrap__option">
  <div class="option__reset" data-filter="*">X</div>
  <div class="option__select" data-filter=".male-physiques">Men</div>
</div>
<div class="profiles__filter__wrap__option">
  <div class="option__reset" data-filter="*">X</div>
  <div class="option__select" data-filter=".ad">Ads</div>
</div>

jQuery(document).ready(function($) {
  var $container = $('.profiles__wrap');

  $container.isotope({
    layoutMode: 'masonry',
    itemSelector: '.profiles__wrap__profile',
    masonry: {
      columnWidth: '.profiles__wrap__profile',
      horizontalOrder: true,
    }
  });

  $container.imagesLoaded(function() {
    $container.isotope('layout');
  });
});
...