javascript - jquery 同位素版本 2 消息如果没有结果

Question

我正在使用 jquery isotope 来过滤结果，如:

      <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

您可以将其与同位素“arrangeComplete”事件一起使用:

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