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