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

Question

我正在为主页上的帖子使用此类别过滤器 [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 上找到有关过滤器的更多信息。

Answer 1

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

如果这只是你想要的，这就是我能帮你的东西

Fiddle demo

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

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

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

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