Javascript 同位素过滤-无结果

我有一个同位素库，其中包含五个单独的过滤器，可用于对库进行排序。如果一个人选择全部五个过滤器，可能会导致没有显示任何项目

如果过滤器不返回结果，我想做的是显示一个隐藏的div。我已经考虑过在没有任何运气的情况下尝试这样做

---

如果同位素库过滤器足够具体，无法显示任何同位素项目，如何显示隐藏的div？

问了这个问题后，我找到了我的解决方案。它是和的组合，可以在中找到

下面是我用来做我正在寻找的事情的代码：

var $container = $('#container')
var selector = isoFilters.join('');
$container.isotope({ filter: selector }, function noResultsCheck() {
 var noItems = $('<div class="element no-results"> <!-- HTML for div to show "No Results" --> </div>');
 var yesItems = $('.no-results');
 var numItems = $('.element:not(.isotope-hidden)').length;
   if (numItems == 0) {
       $container.append(noItems).isotope( 'appended', noItems );
   }else{ 
       $container.isotope( 'remove', yesItems);
   }
});

var$container=$（“#container”）
var选择器=isoFilters.join（“”）；
$container.同位素（{filter:selector}，函数noResultsCheck（）{
变量noItems=$（''）；
var yesItems=$（'无结果'）；
var numItems=$（'.element:not（.同位素隐藏）'）。长度；
如果（numItems==0）{
$container.append（noItems）.同位素（'appended'，noItems）；
}否则{
$container.同位素（'remove'，yesItems）；
}
});

问了这个问题后，我想到了我的解决方案。它是和的组合，可以在中找到

下面是我用来做我正在寻找的事情的代码：

var $container = $('#container')
var selector = isoFilters.join('');
$container.isotope({ filter: selector }, function noResultsCheck() {
 var noItems = $('<div class="element no-results"> <!-- HTML for div to show "No Results" --> </div>');
 var yesItems = $('.no-results');
 var numItems = $('.element:not(.isotope-hidden)').length;
   if (numItems == 0) {
       $container.append(noItems).isotope( 'appended', noItems );
   }else{ 
       $container.isotope( 'remove', yesItems);
   }
});

var$container=$（“#container”）
var选择器=isoFilters.join（“”）；
$container.同位素（{filter:selector}，函数noResultsCheck（）{
变量noItems=$（''）；
var yesItems=$（'无结果'）；
var numItems=$（'.element:not（.同位素隐藏）'）。长度；
如果（numItems==0）{
$container.append（noItems）.同位素（'appended'，noItems）；
}否则{
$container.同位素（'remove'，yesItems）；
}
});