MixItUp 不适用于 Select 框（适用于按钮）

Question

我需要根据保管箱的 selection 过滤 MixItUp。我有一个物理按钮可以工作，但是当我尝试将其更改为 select 框时，我的代码失败了。

这是一个可以正确触发 MixItUp 过滤器的功能按钮：

<button class="filter btn red" data-filter=".2" data-parent="#plan_list" href="#2" data-toggle="collapse" onclick="set_plan("test","2")" id="plan-2"><i class="fa fa-tag margin-right-10"></i>test</button>

函数在更改时触发，但未应用过滤器。（我有一个触发的自定义函数，所以我知道调用正在运行）。

我的代码基于此代码笔：http://codepen.io/patrickkunka/pen/btCim

这里是更改的 JS：

$(function(){
    var $filterSelect = $('#FilterSelect'),
    $container = $('#Container');
    $container.mixItUp();
    $filterSelect.on('change', function(){
       $container.mixItUp('filter', '.'+this.value);
       set_plan('test',this.value); //custom function working properly
    });
});

在上面的 JS 中 this.value 是 plan_id 。我必须在上面的代码中添加 '.'+this.value 以便其他函数可以在干净的计划 ID 上工作。我已经测试了这段代码，那部分工作正常，所以我知道这不是问题所在。

这是 select (php) 的代码：

<select id="FilterSelect">
<? foreach ($plans as $plan) {echo '<option value="'.$plan['id'].'">'.$plan['name'].'</option> ';?>
</select>

谁能告诉我我错过了什么？按钮有效，select 无效。

Answer 1

我发现了问题。它不在上面列出的代码中：

我缺少要过滤的 html 个类别的容器 ID。

<div class="Container">

应该是：

<div id="Container" >

愚蠢的简单错误，我多次查看此代码并看到它，但在我的脑海中将其视为 id 而不是 class。

新问题，脑子有问题怎么办？？？？！！！

MixItUp 不适用于 Select 框（适用于按钮）

MixItUp not working on Select box (works with button)

javascript

php

mixitup