Javascript 如何使用jquery过滤同位素div的子集?
我很难通过点击我的主要部分中的一个div来过滤我的子部分中的同位素div。我怀疑我遗漏了一些简单的东西,因为工作过滤器单击和非工作类别单击的选项在调试器中看起来是相同的。也许部门需要一个像李一样的超链接?我试过了,但运气不好 我希望能够删除过滤器栏并使用category div来过滤子集 Javascript: 截图:Javascript 如何使用jquery过滤同位素div的子集?,javascript,jquery,jquery-isotope,Javascript,Jquery,Jquery Isotope,我很难通过点击我的主要部分中的一个div来过滤我的子部分中的同位素div。我怀疑我遗漏了一些简单的东西,因为工作过滤器单击和非工作类别单击的选项在调试器中看起来是相同的。也许部门需要一个像李一样的超链接?我试过了,但运气不好 我希望能够删除过滤器栏并使用category div来过滤子集 Javascript: 截图: 修复了它-我使用的是“过滤器”而不是“过滤器”。我已经习惯了c/不区分大小写和编译器!我已经更新了小提琴,并留下了这个问题,以防它能帮助其他人开始学习同位素 $(function
修复了它-我使用的是“过滤器”而不是“过滤器”。我已经习惯了c/不区分大小写和编译器!我已经更新了小提琴,并留下了这个问题,以防它能帮助其他人开始学习同位素
$(function () {
var $containerParent = $('#containerParent');
var $optionSets = $('#options .option-set'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function () {
var $this = $(this);
// don't proceed if already selected
if ($this.hasClass('selected')) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
// make option object dynamically, i.e. { filter: '.my-filter-class' }
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
// parse 'false' as false boolean
value = value === 'false' ? false : value;
options[key] = value;
// otherwise, apply new options
$containerParent.isotope(options);
return false;
});
// element click
$containerParent.delegate('.element', 'click', function () {
//$(this).toggleClass('large');
//$containerParent.isotope('reLayout');
var arr = $(this).context.className.match(/\S+/gi)
var options = {},
key = 'Filter',
value = '.' + arr[1];
value = value === 'false' ? false : value;
options[key] = value;
var $containerChild = $('#containerChild');
$containerChild.isotope(options);
document.location = "#filter";
alert("How do I filter subset? " + value);
});
});