我正在使用 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');
});
});