Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery, isotope фильтрация / 4 сообщений из 4, страница 1 из 1
12.03.2013, 18:15
    #38181856
Маф
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery, isotope фильтрация
Добрый день.. помогите с задачей.. нужно сделать фильтр с помощью библиотеки jquery isotope для работ в портфолио ..
Есть несколько групп фильтров (мультиселекты с чекбоксами).. Сложность в том, что между собой селекты должны быть комбо, а если селект В ОДНОМ селекте отмечены какие-то option, то он должен фильтровать, как дополнение к другой отмеченной option.. Аналог такого фильтра - Filtrify ...

Вот мой код .. который определяет фильтры isotop-у .. но он работает с обычными select (не мульти), каждый следующий селект комбо к предыдущему ... Нужна такая функция, которая определит по группе селектбокса (group) добавлять работы или выбирать из уже отфильтрованных .. Объяснить сложно .. Посмотрите Filtrify, пожалуйста..

мой код, который работает с обычными чексбоксами
Код: javascript
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;
             }); 

});
...
Рейтинг: 0 / 0
14.03.2013, 15:14
    #38184007
Маф
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery, isotope фильтрация
Вопрос еще актуален
...
Рейтинг: 0 / 0
24.05.2013, 15:26
    #38272359
Маф
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery, isotope фильтрация
up
...
Рейтинг: 0 / 0
24.05.2013, 15:43
    #38272402
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery, isotope фильтрация
МафВопрос еще актуален Какой вопрос ?
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery, isotope фильтрация / 4 сообщений из 4, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]