javascript - 触发 Mixitup 过滤器 OnLoad

Question

我在 ExpressionEngine 站点上使用 Mixitup ( https://mixitup.kunkalabs.com) 实用程序。该页面是房地产的列表，Mixitup 过滤器用于按地区、特征等缩小这些房地产的范围。

我希望能够通过 url_segment 传递一些值来触发过滤器。因此，举例来说，如果用户单击划分为多个市场的 map 中的列表，他们首先只会看到这些市场中的属性，就好像他们是从主页上选择的一样。

例如，默认 View 是这样的:

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

如果他们进一步单击 South，则只会显示该子市场中的属性。他们可以随时取消选择这些选项，然后显示隐藏的属性。

我想做的是让用户能够访问已经选择了一些选项的页面:

在进行所有其他调用之后，我尝试使用 javascript 单击元素:

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

这扩展了菜单，但没有过滤属性(或应用“事件”类，但这不是真正的问题)。

我还尝试在页面末尾使用 Mixitup 的 showOnLoad 函数，并使用延迟计时器:

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

这会暂时过滤属性，但随后 mixitup 会自行重置并显示所有属性。它也没有扩展菜单或应用“事件”类。

我在这里错过了什么？

谢谢，

类型

Answer 1

你需要设置一些在加载时被过滤的东西，像这样:

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