选择标签中的 Mixitup 过滤器在谷歌浏览器和 IE 中不起作用答案

【问题标题】：Mixitup filter in select tag is not working in google chrome and IE选择标签中的 Mixitup 过滤器在谷歌浏览器和 IE 中不起作用
【发布时间】：2014-11-02 22:31:04
【问题描述】：

我在 html 选择标签中过滤了 mixitup。在 Mozilla 中它可以正常工作，但其他浏览器（如 chrome）无法正常工作。类似代码 -

<select name="" id="" class="form-control">
    <option class="filter" data-filter="all" value="">Show All</option>
    <option class="filter" data-filter=".category-1" value="">Category 1</option>
    <option class="filter" data-filter=".category-2" value="">Category 2</option>
</select>

<div id="container">
    <div class="mix category-1" data-myorder="1">
        <img src="http://revistasindromes.com/images/100x100.gif" />
    </div>
    <div class="mix category-2" data-myorder="2">
        <img src="http://revistasindromes.com/images/100x100.gif" />
    </div>
    <div class="mix category-1" data-myorder="3">
        <img src="http://revistasindromes.com/images/100x100.gif" />
    </div>
    <div class="mix category-2" data-myorder="4">
        <img src="http://revistasindromes.com/images/100x100.gif" />
    </div>
</div>

演示链接：http://jsfiddle.net/zinannadeem/7m94mp9s/9/

【问题讨论】：

标签： javascript jquery html google-chrome

【解决方案1】：

问题是option没有触发click事件，添加这个就解决了：

$('.form-control').on('change', function() {
    $('.form-control option:selected').trigger('click'); 
});

更新小提琴here

【讨论】：