Javascript 使用**li数据过滤器过滤掉**

Javascript 使用**li数据过滤器过滤掉**,javascript,jquery,html,node.js,ejs,Javascript,Jquery,Html,Node.js,Ejs,我正在尝试使用li数据过滤器从我的mongoDB集合中过滤出一些数据体。我从来没有这样做过,因此经验不足。我的代码不起作用,请检查一下并帮我一把 (函数($){ “严格使用”; //多孔同位素和过滤器 $(窗口).on('load',函数(){ var portfolioIsotope=$('.portfolio container')。同位素({ 项目选择器:'.portfolio项目' }); $(#公文包过滤器li')。在('click',function()上){ $(“#公文包筛选器

我正在尝试使用li数据过滤器从我的mongoDB集合中过滤出一些数据体。我从来没有这样做过,因此经验不足。我的代码不起作用,请检查一下并帮我一把

(函数($){
“严格使用”;
//多孔同位素和过滤器
$(窗口).on('load',函数(){
var portfolioIsotope=$('.portfolio container')。同位素({
项目选择器:'.portfolio项目'
});
$(#公文包过滤器li')。在('click',function()上){
$(“#公文包筛选器li”).removeClass('filter-active');
$(this.addClass('filter-active');
$(“#组合过滤器li按钮”).removeClass('btn-primary');
$(this).children('button').addClass('btn-primary');
同位素({filter:$(this).data('filter')});
});
});
})(jQuery)

  • 所有内容
  • { %>
0){ %> { %>


我的代码不工作
不清楚。什么是做错了还是没有按预期做?你有错误吗?并且可能会有帮助…@LouysPatricebesette我的代码在中不工作,因为它没有过滤掉任何东西。它的逻辑错误是因为我明显遗漏了一些东西。我发现了这是因为我忘了给出我的div-th项目项的e类。我现在的问题是找出如何使用除所有按钮之外的其余按钮进行过滤。这不是一个react项目,我遵循指南…我忘了给我的div指定项目项的类…很好,但它不应该是
元素项
?您添加了
fil之类的过滤类吗ter-
?---然后,尝试console.log
$(this.data('filter')
就在
portfolioSotope.同位素({filter:$(this.data('filter'))上方;
以及console log
$(“+$(this.data('filter')).length
为了确保有目标元素…@LouySpatriceBesette我部分遵循了指南,因为我没有像示例中那样使用硬编码数据,而是从mongoDB接收数据,我不得不对其进行调整。当控制台记录所有内容时,它返回“”,而其他按钮都返回*".filter-.我将我的filter-添加到categories.js文件的*categories forEach loop*中。除此之外,我正试图使用三元运算符添加正确的项目,正如您在上面的代码中所看到的。但是没有给出任何结果,也没有错误显示
我的代码不工作
不清楚。什么地方做错了或没有按预期做?你在中有错误吗?并且可能会有帮助…@LouysPatriceBesette我的代码在中不起作用,因为它没有过滤掉任何东西。这是逻辑错误,因为我明显遗漏了一些东西。我发现了这一点,那就是我忘了给我的div项目项类。我现在的问题是如何过滤掉bu的其余部分t这不是一个react项目,我在遵循指南…我忘了给我的div项目项的类别…很好,但它不应该是
元素项
?你是否添加了过滤类,如
filter-
?--然后,尝试console.log
$(This.data('filter'))
就在
PortfolioSoTope.同位素({filter:$(this.data('filter')});
和控制台日志
$(“+$(this.data('filter')).length
为了确保有目标元素…@LouySpatriceBesette我部分遵循了指南,因为我没有像示例中那样使用硬编码数据,而是从mongoDB接收数据,我不得不对其进行调整。当控制台记录所有内容时,它返回“”,而其他按钮都返回*“.filter-。我将我的filter-添加到categories.js文件的*categories forEach loop*中。除此之外,我正试图使用三元运算符添加正确的项目,正如您在上面的代码中所看到的。但没有给出任何结果,也没有显示错误