jquery-isotope - 同位素 - “没有结果”的消息？

Question

我正在使用 Metafizzy 的 Isotope JS 插件 (v2.0.1) 来过滤出版物库，并且我正在使用多个过滤器（例如出版商和行业）。有没有办法检查我的过滤器组合是否导致结果为零，然后显示相应的消息......类似于“抱歉。没有找到匹配的项目”。

Answer 1

$container.isotope({ filter: '.your-filter' });

  if ( !$container.data('isotope').$filteredAtoms.length ) {
    $('.message-div').fadeIn('slow');
  } else {
    $('.message-div').fadeOut('fast');
  }

根据您的效果，您还可以使用隐藏/显示或许多其他效果来代替淡入和淡出。