weixin_33726318 2009-12-04 01:26 采纳率: 0%
浏览 30

jQuery筛选器脚本帮助

I am using a filter script and I am trying to alter the jquery a bit.

(see demo here: http://www.askthecssguy.com/2009/03/checkbox_filters_with_jquery_1.html)

Now that you've seen the demo, you know that once you uncheck a box, it filters out the results with those tags in it. For instance if you deselect the "wordpress" tag, all items containing that tag are filtered and removed.

BUT, if you have an item with both "wordpress" and "ajax" tags and then unclicked the wordpress checkbox, that item would disappear. I want that item to stay because it still has an unchecked tag (ajax). I only want an item to disappear if all of their tags have been deselected. Can someone take a look at the jquery (bottom half) and tell me where I can change this to make it work?

THANKS!

  • 写回答

1条回答 默认 最新

  • weixin_33733810 2009-12-04 05:04
    关注

    The code gets kind of complex... I think I would shift strategies to something like this: (inside the input box's click event)

    // First get all the checked inputs
    var checkedValues = [];
    $("input.dynamicFilterInput:checked").each(function() {
        checkedValues.push($(this).val());
    });
    
    // Now get all the filterable items
    $("ul.filterThis li").each(function() {
        // If the item doesn't have a class that corresponds with one of the
        //    the checked items then hide it
        var found = false;
        for (var i=0; i<checkedValues.length; i++) {
            if ($(this).hasClass(checkedValues[i])) {
                found = true;
                break;
            }
        }
        if (!found) {
            $(this).slideUp();
        } else {
            $(this).slideDown();
        }
    });
    

    So basically you recompute the entire list of items every time any one of the inputs is changed.

    评论

报告相同问题?

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型