jquery Isotop Version 2 Nachricht, wenn kein Ergebnis

Question

ich jquery Isotop verwenden, Ergebnisse zu filtern, wie:

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

JS-Code:

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

ich Anzeige versuche - Nachricht, wenn keine führt zum Filterprozess. Aber es funktioniert nicht, irgendwelche Hinweise?

Answer 1

Sie müssen tatsächlich überprüfen, ob die Länge einen Wert hat.

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

Sie vermissen die '> 0', so wird immer ein truthy Wert erhalten. Entferne auch die!

Answer 2

diese Weise können Sie mit Isotop 'arrangeComplete' Veranstaltung:

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