可见项目上的同位素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'
});