我对 MixItUp 不熟悉，但是在查看文档一分钟后，他们在这里解释了过滤器的工作原理：http: //mixitup.io/#FilterSelector

看起来它添加了一个单击事件，并且由于您使用的是选择字段，因此它不会触发单击事件。但是，您可以根据选择框的值更改手动调用过滤器选项。

使您的选择如下所示：

<select class="visible-xs form-control " id="filters">
    <option value="cat1 cat2 cat3 cat4 cat5">All</option>
    <option value="cat1">Cat1</option>
    <option value="cat2">Cat2</option>
    <option value="cat3">Cat3</option>
    <option value="cat4">Cat4</option>
    <option value="cat5">Cat5</option>
</select>

并在值发生变化时调用过滤器方法：

$('#filters').on('change', function() { 
   $('#portfoliolist').mixitup('filter',this.value);
});

这是一个 JS fiddle，它提醒选择，过滤器代码被注释掉。http://jsfiddle.net/Xk7Bp/

更新：另外，您有多个相同的项目，id="filters"这是无效的，可能会导致问题。