Javascript 同位素过滤工具
我试着让同位素和过滤器使用相同的元素,但有两种方法,一种是通过链接过滤,另一种是通过按钮过滤,就像carrusel一样。链接将过滤子组,我有4个组加上所有元素,当我单击每个组时,只想显示组的前两个元素,并通过左右箭头按钮显示下一个和前一个元素。我让组过滤器工作,但carrusell我不知道为什么我不能…如果有人能帮我举个例子,谢谢Javascript 同位素过滤工具,javascript,mootools,jquery-isotope,Javascript,Mootools,Jquery Isotope,我试着让同位素和过滤器使用相同的元素,但有两种方法,一种是通过链接过滤,另一种是通过按钮过滤,就像carrusel一样。链接将过滤子组,我有4个组加上所有元素,当我单击每个组时,只想显示组的前两个元素,并通过左右箭头按钮显示下一个和前一个元素。我让组过滤器工作,但carrusell我不知道为什么我不能…如果有人能帮我举个例子,谢谢 var related = $(this.options.itemsBlock);
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 });
});
}
}
不知道你的问题到底是什么。您没有指定版本—这看起来像是带有新Evente的古代mootools 1.11代码,没有指向您提到的同位素的链接,没有对问题的描述,没有使用JSFIDLE或类似工具的示例。你不太可能得到任何帮助