选择框作为类别过滤器不适用于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错误，防止过滤器上，除了火狐浏览器的任何功能？

你可以找到关于过滤器上explanation page

Answer 1

select更多信息发生变化的事件，而不是一个click事件在您需要注册在你的select一个change事件option.So。

这就是我可以帮你，如果这仅仅是你想

Fiddle demo

事情===================== =======================

对于All选择只是把下面的代码

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

直接第一道防线。可能是Fiddle会解释更多。