jquery-isotope - 同位素- 'no results'消息？

Question

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center。




9年前关闭。




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

最佳答案

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

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

您还可以根据自己的效果使用隐藏/显示或其他多种效果来代替fadeIn和fadeOut。

关于jquery-isotope - 同位素- 'no results'消息？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8008014/

上一篇：visual-studio - VS 2008 Windows 窗体使 "View Code"成为用户控件的默认值

下一篇：visual-studio - 通过DTE获取项目TargetPath的宏值

相关文章：

jquery - 为什么同位素不填满这个简单布局中的行？

jquery - Bootstrap 3 和 Isotope jQuery 图像居中

jquery - 同位素折叠(元素重叠)

javascript - 同位素砌体的自动布局会覆盖排序吗？

jQuery 同位素限制元素数量？

javascript - 动画完成后如何完全删除/禁用同位素？

php - 服务器端 (PHP) 使用 Ajax 和无限滚动进行过滤和排序

jquery - 同位素 : How to display and set opacity values for unmatched items

joomla - 如何使用 jQuery Isotope 进行正常分页？

jquery - 将瓷砖放在带有同位素的容器边界处？

Answer 1

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

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

您还可以根据自己的效果使用隐藏/显示或其他多种效果来代替fadeIn和fadeOut。