选择框作为类别过滤器在 Chrome、IE 上不起作用。答案

【问题标题】：Select box as category filter isn't working on Chrome, IE.选择框作为类别过滤器在 Chrome、IE 上不起作用。
【发布时间】：2014-03-11 20:31:25
【问题描述】：

我正在为主页[demo] 上的帖子使用此类别过滤器。当我尝试添加一个选择框作为附加过滤器时，它只在 Firefox 上运行。 Please check out my Fiddle。这是我为选择框添加选择器的部分代码：

    /* filter */
    $(".category-menu ul li,.category-menu select option").click(function(){
        var CategoryID = $(this).data('category');
        $('.category-menu ul li').removeClass('cat-active');
        $(this).addClass('cat-active');

        $('.prod-cnt').each(function(){
            if(($(this).hasClass(CategoryID)) == false){
               $(this).css({'display':'none'});
            };
        });
        $('.'+CategoryID).fadeIn(); 

    });
});

选择器 .category-menu select option 是否错误并阻止过滤器在除 Firefox 之外的任何浏览器上运行？

您可以在explanation page上找到有关过滤器的更多信息

【问题讨论】：

标签： jquery html css gridview filter

【解决方案1】：

select 有一个 change 事件，而不是它的选项 click 事件。所以你需要在你的 select 上注册一个 change 事件。

如果这只是您想要的，我可以为您提供帮助

Fiddle demo

=============================================

All的选择只需输入以下代码

if($(this).find('option:selected').hasClass('cat-active') == true)
{
    $('.prod-cnt').show();
    return false;
}

直接在第一行。可能是Fiddle会解释更多。

【讨论】：