Question

我在html select标签中过滤mixitup。在Mozilla它的工作，但铬等其他浏览器不起作用。代码如 -

<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/

Answer 1

问题是option没有触发click事件，添加它会解决它：

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

更新了小提琴here

选择标记中的Mixitup过滤器在Google Chrome和IE中无效

1 个答案: