Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery过滤同位素div的子集?_Javascript_Jquery_Jquery Isotope - Fatal编程技术网

Javascript 如何使用jquery过滤同位素div的子集?

Javascript 如何使用jquery过滤同位素div的子集?,javascript,jquery,jquery-isotope,Javascript,Jquery,Jquery Isotope,我很难通过点击我的主要部分中的一个div来过滤我的子部分中的同位素div。我怀疑我遗漏了一些简单的东西,因为工作过滤器单击和非工作类别单击的选项在调试器中看起来是相同的。也许部门需要一个像李一样的超链接?我试过了,但运气不好 我希望能够删除过滤器栏并使用category div来过滤子集 Javascript: 截图: 修复了它-我使用的是“过滤器”而不是“过滤器”。我已经习惯了c/不区分大小写和编译器!我已经更新了小提琴,并留下了这个问题,以防它能帮助其他人开始学习同位素 $(function

我很难通过点击我的主要部分中的一个div来过滤我的子部分中的同位素div。我怀疑我遗漏了一些简单的东西,因为工作过滤器单击和非工作类别单击的选项在调试器中看起来是相同的。也许部门需要一个像李一样的超链接?我试过了,但运气不好

我希望能够删除过滤器栏并使用category div来过滤子集

Javascript:

截图:

修复了它-我使用的是“过滤器”而不是“过滤器”。我已经习惯了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);
                });
            });