MixItUp在选择框上不起作用（使用按钮）

Question

我需要根据投递箱的选择来过滤MixItUp。 我有一个物理按钮在工作，但是当我尝试将其更改为选择框时，我的代码失败。

这是一个可以正常启动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>

该函数会在更改时触发，但未应用过滤器。 （我有一个自定义函数会触发，因此我知道该调用正在工作）。

我的代码基于此Codepen： 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>

谁能告诉我我错过了什么？ 该按钮有效，但选择无效。

Answer 1

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

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

<div class="Container">

本来应该：

<div id="Container" >

愚蠢的简单错误，我多次阅读了这段代码并看到了它，但是在我看来，它是作为id而不是类来读取的。

新问题，如何解决大脑中的错误？