同位素过滤 - 无结果
Isotopes Filtering - No Results
我有一个同位素库,其中包含五个单独的过滤器,可用于对库进行排序。如果一个人选择所有五个过滤器,则可能导致不显示任何项目。
我想做的是,如果过滤器不返回结果,则显示一个隐藏的div。我已经考虑过尝试这样做,但没有任何运气。
如果同位素库过滤器足够具体,不显示任何同位素项目,如何显示隐藏的div?
问完这个问题后,我遇到了我的解决方案。这是这个问题中这个答案和这个答案的组合。
这是我用来做我正在寻找的代码:
var $container = $('#container')
var selector = isoFilters.join('');
$container.isotope({ filter: selector }, function noResultsCheck() {
var noItems = $('<div class="element no-results"> <!-- HTML for div to show "No Results" --> </div>');
var yesItems = $('.no-results');
var numItems = $('.element:not(.isotope-hidden)').length;
if (numItems == 0) {
$container.append(noItems).isotope( 'appended', noItems );
}else{
$container.isotope( 'remove', yesItems);
}
});
相关文章:
- 如何在BookshelfJS中通过加入来过滤结果
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- AEM/CQ应用程序:基于过滤结果的PDF生成器
- 停止 jQuery 自动完成以过滤/搜索结果并填充整个源数组数据
- 如何根据角度中的复选框选择过滤结果
- 显示无结果消息灵活
- 开发桥自动完成,无结果
- 同位素过滤 - 无结果
- 如果选中复选框,则将结果过滤到前5个最高标记
- 无结果的分析查询返回.
- Angular UI引导-在typeahead上显示下拉菜单-无结果
- 迭代数组并将结果过滤到10
- Jquery,PHP:在jquery上使用ob_get_clean获取无结果
- JavaScript | AngularJS:根据日期过滤结果过滤项目
- select .js关于无结果插件和允许默认链接行为的问题
- 将数组结果过滤到下拉列表中
- NodeJs:用另一个集合的结果过滤mongo查询结果
- 显示“无结果”;如果输入与数组名称不匹配(javascript)
- 添加“无结果”;进入搜索/过滤脚本
- Jquery自动完成无结果追加为下拉子问题