Добрый день.. помогите с задачей.. нужно сделать фильтр с помощью библиотеки jquery isotope для работ в портфолио ..
Есть несколько групп фильтров (мультиселекты с чекбоксами).. Сложность в том, что между собой селекты должны быть комбо, а если селект В ОДНОМ селекте отмечены какие-то option, то он должен фильтровать, как дополнение к другой отмеченной option.. Аналог такого фильтра - Filtrify ...
Вот мой код .. который определяет фильтры isotop-у .. но он работает с обычными select (не мульти), каждый следующий селект комбо к предыдущему ... Нужна такая функция, которая определит по группе селектбокса (group) добавлять работы или выбирать из уже отфильтрованных .. Объяснить сложно .. Посмотрите Filtrify, пожалуйста..
мой код, который работает с обычными чексбоксами
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
jQuery(function() {
var $container = jQuery('.portfolio-wrapper'),
$select = jQuery('div#filterGroup select'),
//$checkboxes = jQuery('.ui-multiselect-checkboxes li input');
filters = {};
$container.isotope({
itemSelector: '.portfolio-item'
});
/* фильтрация по чексбоксам */
/* console.log($checkboxes);
$checkboxes.change(function() {
var filters = [];
$checkboxes.filter(':checked').each(function(){
filters.push( this.value );
});
filters = filters.join(" ");
console.log(filters);
$container.isotope({ filter: filters });
});*/
$select.change(function() {
var $this = $(this);
var $optionSet = $this;
var group = $optionSet.attr('data-filter-group');
filters[group] = $this.find('option:selected').attr('data-filter-value');
var isoFilters = [];
for (var prop in filters) {
isoFilters.push(filters[prop])
}
console.log(group);
console.log(isoFilters);
var selector = isoFilters.join('');
$container.isotope({
filter: selector
});
return false;
});
});
