select标签中的Mixitup过滤器在谷歌chrome和IE中不起作用

Mixitup filter in select tag is not working in google chrome and IE

本文关键字：chrome IE 谷歌 不起作用 过滤器 标签 Mixitup select      更新时间：2023-09-26

我过滤html select标记中的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/

问题是option不会触发click事件，添加此项将解决问题：

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

更新Fiddle此处

相关文章：