Question

我正在使用MixItUp（https://www.kunkalabs.com/mixitup/）为一个小项目过滤一些事件。

现在我想实现以下内容：当用户来自特定页面时，内容应该已经过滤。在我的例子中，我有一个HTML选择选项字段，用户可以在其中选择特殊类型的事件。

到目前为止我做了什么：

我使用了设置过滤器所需的内容进行了特殊链接。例如

http://link.de/?filter=blueberries

使用Javascript / jQuery，我现在选择该选项。

$('select option[value=".'+URLSELECTION+'"]').attr('selected', 'selected');

但是当我通过jQuery进行选择时，不知何故MixItUp没有过滤。只有当我点击它时才设置过滤器。所以选择现在是正确的，但MixItUp不会触发过滤器。

如何告诉MixItUp它应该根据所选选项开始过滤列表？

Answer 1

使用此代码：

{ cars.map((car, index) => {
  const separator = ", ";
  if(index === car.length - 1) {
     return(
       <p key={car.id}>{car.title} + separator </p>
     );
  }
}); 
}

Answer 2

您可以使用以下代码来实现：

var mixer = mixitup(containerEl, {
   load: {
       filter: '.blueberries'
   }
});

我没有测试过，但这就是文档所说的。 https://www.kunkalabs.com/tutorials/filtering-and-sorting-on-load/

当页面加载时，MixItUp过滤器已经选择了内容

到目前为止我做了什么：

2 个答案: