jquery的同位素2版消息，如果沒有結果

Question

我使用jquery同位素，以篩選結果，如：

 <div class="isotope"> 
     <div class="filter-item">1</div> 
     <div class="filter-item">2</div> 
     <div class="filter-item">3</div> 
     </div> 

JS代碼：

 <script> 
     $(function() { 
     var $container = $('.isotope'); 
     if (!$container.data('isotope').filteredItems.length) { 
     $container.html("Sorry.No result"); 
     } 
     </script> 

我試圖顯示 - 消息，如果沒有導致過濾進程。 但它不工作，任何線索？

Answer 1

您需要實際檢查長度是否有值。

if ($container.data('isotope').filteredItems.length > 0) 

你錯過了'> 0'，所以總會得到一個真值。也刪除！

Answer 2

你可以用同位素使用 'arrangeComplete' 事件：

$container.on('arrangeComplete', function(event, filteredItems) { 
     var resultCount = filteredItems.length; 
     if(resultCount == 0) { 
      $container.html("Sorry.No result"); 
     } 
    });