可见项目上的同位素 itemSelector

Question

这是我的js代码：

var $container = $('.lista').isotope({
    layoutMode: 'fitRows',
    itemSelector: '.prodotti'
});

我会过滤项目“.prodotti”，只取可见的。我尝试使用：

itemSelector: '.prodotti:visible'

但是没有任何反应。有什么想法吗？

Answer 1

你可以这样使用：

var onlyVisible = $('.prodotti').filter(':visible');
var $container = $('.lista').isotope({
  layoutMode: 'fitRows',
  itemSelector: onlyVisible
});

或者您可以使用 filter：

var $container = $('.lista').isotope({
  layoutMode: 'fitRows',
  itemSelector: '.prodotti',
  filter: ':visible'
});

Isotope itemSelector on visible items