選擇框作爲類別過濾器不適用於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會解釋更多。