Jquery 同位素复选框过滤

发布于 2024-11-28 15:47:48 字数 443 浏览 2 评论 0原文

我正在使用 jQuery 同位素。一切都很好，但我在过滤方面遇到问题。我想使用多个类别，我有 5 个复选框，但不能同时使用它们。我能做些什么？

$("#classic").click(function() {
    if($("#classic").is(":checked")) {
    $('#box').isotope({ filter: '.classic' });
    } else {
    $('#box').isotope({ filter: '' });
    }
});

例如，

我的项目 = a,b,c,d,e,f,g,h

类别 = x ( a,b,e) y (c,h) z(d,f,g)

现在如果我选择 x 和z 复选框它只显示 a、b、e、d、f、g

但我不能这样做。我该怎么办？

原文

I'm using jQuery isotope. Everything is ok but I have problem with filtering. I want to use multiple categories I have 5 checkboxes and I can't use them at the same time. What can I do?

$("#classic").click(function() {
    if($("#classic").is(":checked")) {
    $('#box').isotope({ filter: '.classic' });
    } else {
    $('#box').isotope({ filter: '' });
    }
});

Example

my items = a,b,c,d,e,f,g,h

categories = x ( a,b,e) y (c,h) z(d,f,g)

now if I choose the x and z checkbox it only show the a,b,e,d,f,g

but I can't do that. How can I do ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

眼睛会笑 2024-12-05 15:47:49

这是复选框过滤的解决方案：
http://jsfiddle.net/3nY9V/6/

回复收藏 0 原文

深者入戏 2024-12-05 15:47:49

看起来你的代码中有一个 js 错误（缺少单引号），并且在一个地方 classic 被用作 id，在另一个地方被用作类。只是想看看这是否不是问题所在。试试这个。

function checkIsoTope(){
    var ids = [];
    $("#classic, #den, #wer").filter(":checked").each(function(){
      ids.push("." + this.id);
    });    
    $('#box').isotope({ filter: ids.join(',')});
}
$("#classic, #den, #wer, #allCheckboxId").click(checkIsoTope);

Looks like you have a js error in the code(missing single quote) and also at one place classic is used as an id and at another place as a class. Just wanted to find if thats not the issue. Try this.

function checkIsoTope(){
    var ids = [];
    $("#classic, #den, #wer").filter(":checked").each(function(){
      ids.push("." + this.id);
    });    
    $('#box').isotope({ filter: ids.join(',')});
}
$("#classic, #den, #wer, #allCheckboxId").click(checkIsoTope);

回复收藏 0 原文

~没有更多了~