Изотопный фильтр mootools

Я пытаюсь сделать так, чтобы изотоп работал с фильтром тех же элементов, но двумя способами: один - по ссылкам, а другой - по кнопкам, похожим на карусель. Ссылки будут отфильтровывать подгруппы, у меня есть 4 группы плюс все элементы, и когда я нажимаю каждый из них, я просто хочу показать первые два элемента группы и с помощью кнопок со стрелками влево вправо перейти к следующим и предыдущим элементам. Я сделал групповой фильтр работает, но я не знаю, почему я не могу... Спасибо, если кто-нибудь может помочь мне с примером.

            var related = $(this.options.itemsBlock);                  

            if (related) {
                var isoFilter = new Isotope(related, {
                    itemSelector: '.item',
                    layoutMode: 'fitRows',
                    sortAscending: {
                        name: true,
                        datesusc: false
                    }
                });

                if (isoFilter) {

                    var buttons = $$('#filters a');

                    buttons.addEvent('click', function (e) {
                        e = new Event(e);
                        e.stop();

                        var dataFilter = this.get('data-filter');

                        isoFilter.arrange({
                            filter: dataFilter
                        });
                    });

                    var selectors = $$(this.options.selectorButtons);

                    if (selectors) {
                        selectors.removeEvents('click');
                        selectors.addEvent('click', function (e) {
                            e = new Event(e);
                            e.stop();

                            var dataFilter1 = '.g1-item-1'; // Just an example of the next two element from the first group
                            isoFilter.arrange({ filter: dataFilter1 });
                        });
                    }
                }

0 ответов

Другие вопросы по тегам