1

我在 ExpressionEngine 网站上使用 Mixitup ( https://mixitup.kunkalabs.com ) 实用程序。该页面是房地产列表,而 Mixitup 过滤器是按区域、功能等缩小这些属性的范围。

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

例如,默认视图是这样的:

默认视图

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

印第安纳州中部已选

如果他们进一步单击 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 自行重置,并将它们全部显示出来。它也没有扩展菜单或应用“活动”类。

我在这里想念什么?

谢谢,

4

1 回答 1

5

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

$(function() {
    $('#filter').mixItUp({
        load: {
            filter: '.central-indiana'
        }
    });
});
于 2015-10-22T20:47:48.623 回答