jqueryの同位体バージョン2のメッセージとして、私は、結果をフィルタリングするために、jqueryの同位体を使用していますなし結果

Question

場合：私は、ディスプレイにしようとしています

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

- メッセージを、ない場合：

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

JSコードフィルタ処理が行われます。 しかし、それは動作していない、任意の手がかり？

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