在同位素.js中加入多个复选框过滤器
Joining multiple checkbox filters within Isotope.js
我有一个过滤器搜索工作,它有两个类别过滤器:
-
类别
-
业务类型
过滤器按钮是使用复选框破解构建的,这样我就可以一次选择多个按钮。我的问题是,如果我从顶部(类别)部分选择2,它将进行过滤。即:登录页/博客但如果我从顶部选择1,从底部选择1(即:博客/BBA)
它将拉动所有B2B选项,而不仅仅是博客。我相信我的问题发生在我加入同位素.JS.中的过滤器的地方
这是我的小提琴和我的的工作示例
我的JS函数是:
$(function(){
var $container = $('.examples-container').isotope({
itemSelector: '.example'
});
var $checkboxes = $('.filter-buttons label input');
$checkboxes.change(function(){
var filters = [];
// get checked checkboxes values
$checkboxes.filter(':checked').each(function(){
filters.push( this.value );
});
// ['.red', '.blue'] -> '.red, .blue'
var joinFilters = filters.join(', ');
$container.isotope({ filter: joinFilters });
});
});
过滤器类似于jQuery或CSS语法。.blog, .b2b
的意思是"带有类博客或b2b的项目"。您正在寻找.blog.b2b
因此,在您的代码var joinFilters = filters.join('');
而不是var joinFilters = filters.join(', ');
中,
相关文章:
- 角度嵌套过滤器依据复选框
- AngularJS过滤器使用ng个重复复选框显示所有页面加载
- 在同位素.js中加入多个复选框过滤器
- PHP-AJAX复选框过滤器使用数据标记属性
- 如何在 emberjs 中使用复选框实现多个过滤器
- Angular/Ionic/Javascript:无法让下拉过滤器作为复选框工作
- 带有群集和过滤器复选框的地图框个性化图标
- 角度ng重复过滤器在搜索后取消选中所有复选框
- 带有复选框和滑块过滤器的jQuery同位素
- 带有复选框的 JavaScript 过滤器
- Google Maps API v3复选框/过滤器数据库
- 复选框过滤器用于显示/隐藏用多个data-*属性装饰的元素
- 构建复选框过滤器的最佳方式,以显示/隐藏基于多个data-*属性的元素
- 复选框过滤器在AngularJS中不能正常工作
- Jquery复选框过滤器
- JS复选框过滤器与多个类别
- 如何使用angularjs为ng重复列表创建复选框过滤器
- 使用Jquery的多条件复选框过滤器
- 如何使我的复选框过滤器工作
- AngularJS的复选框过滤器