Question

我需要根据选择的Dropbox过滤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>

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

我的代码基于此代码集：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。我必须在上面的代码中添加＆＃39;。＆＃39; + 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而不是类。

新问题，如何修复脑中的错误???? !!!

MixItUp不工作选择框（使用按钮）

1 个答案: