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

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

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

Answer 2

您需要实际检查长度是否有值。

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

你错过了＆＃39;＆gt; 0＆＃39;所以总会得到一个真正的价值。同时删除！

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

2 个答案: