同位素過濾 - 沒有結果

Question

我有一個同位素畫廊，其中包含五個單獨的過濾器，可以應用於整理畫廊。如果一個人選擇全部五個過濾器，則可能導致不顯示任何項目。

我想要做的是顯示一個隱藏的div如果過濾器不返回結果。我已經考慮過試圖做到這一點，沒有任何運氣。

如果顯示一個隱藏的div，如果一個Isotope圖庫過濾器足夠具體，不能顯示任何同位素項目？

Answer 1

問完這個問題後，我遇到了我的解決方案。它是在this question中找到的this answer和this answer的組合。

這裏是我用來做什麼我要尋找的代碼：

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); 
    } 
});