Javascript 触发器混合筛选器已加载

Javascript 触发器混合筛选器已加载,javascript,jquery,mixitup,Javascript,Jquery,Mixitup,我正在ExpressionEngine站点上使用Mixitup()实用程序。该页面是房地产属性的列表,Mixitup过滤器用于按区域、功能等缩小这些属性的范围 我希望能够通过url_段传递一些值来触发过滤器。因此,例如,如果用户从一个划分为不同市场的地图上单击列表,他们将首先只看到这些市场中的属性,就像他们从主页上选择了它一样 例如,默认视图如下所示: 如果他们点击印第安纳州中部,其他地区就会消失,子市场菜单就会打开: 如果他们进一步单击South,则仅显示该子市场中的房地产。在任何时候,他

我正在ExpressionEngine站点上使用Mixitup()实用程序。该页面是房地产属性的列表,Mixitup过滤器用于按区域、功能等缩小这些属性的范围

我希望能够通过url_段传递一些值来触发过滤器。因此,例如,如果用户从一个划分为不同市场的地图上单击列表,他们将首先只看到这些市场中的属性,就像他们从主页上选择了它一样

例如,默认视图如下所示:

如果他们点击印第安纳州中部,其他地区就会消失,子市场菜单就会打开:

如果他们进一步单击South,则仅显示该子市场中的房地产。在任何时候,他们都可以取消选择这些选项,并显示隐藏的属性

我想做的是让用户能够访问该页面,并选择一些选项:

在所有其他调用完成后,我尝试使用javascript单击元素:

<script>
     $(document).ready(function(e){
          setTimeout(function() {
               $("li.central-indiana").click();
          },10);
     });
</script>

$(文档).ready(函数(e){
setTimeout(函数(){
$(“li.central indiana”)。单击();
},10);
});
这扩展了菜单,但没有过滤属性(或应用“活动”类,但这不是真正的问题)

我还尝试在页面末尾使用Mixitup的showOnLoad功能,还使用了延迟计时器:

<script type="text/javascript">
    $("document").ready(function() {
        setTimeout(function() {
             $('#filter').mixitup(
                {'showOnLoad': 'central-indiana'}
             ); 
        },10);   
    });
</script>

$(“文档”).ready(函数(){
setTimeout(函数(){
$(“#过滤器”).mixitup(
{'showOnLoad':'centralindiana'}
); 
},10);   
});
这会暂时过滤属性,但随后mixitup会自行重置,并显示所有属性。它也没有展开菜单或应用“活动”类

我错过了什么

谢谢


ty

您需要设置加载时要过滤的内容,如下所示:

$(function() {
    $('#filter').mixItUp({
        load: {
            filter: '.central-indiana'
        }
    });
});

您需要设置加载时要过滤的内容,如下所示:

$(function() {
    $('#filter').mixItUp({
        load: {
            filter: '.central-indiana'
        }
    });
});