同位素过滤器mootools

时间:2014-09-10 07:20:40

标签: javascript mootools jquery-isotope

我试图使同位素工作过滤相同的元素但通过两种方式,一种是通过链接过滤而另一种过滤器通过按钮像carrusel。链接将过滤子项目,我有4组加上所有元素,当我点击每一个时,只想显示组的前两个元素,并通过左右箭头按钮显示下一个和前一个元素。我让小组过滤器工作,但carrusell我不知道为什么我不能...谢谢,如果有人可以帮我一个例子。

            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 个答案:

没有答案
相关问题