0

我正在为一个小项目使用 MixItUp ( https://www.kunkalalabs.com/mixitup/ ) 来过滤一些事件。

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

到目前为止我做了什么：

我与设置过滤器所需的内容建立了特殊链接。例如

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

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

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

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

我该怎么做才能告诉 MixItUp 它应该根据所选选项开始过滤列表？

4

2 回答 2

1

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

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

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

于 2018-04-14T08:10:10.920 回答
1

使用此代码：

<script type='text/javascript">
$(document).ready(function() {
    function getParam(param) {
      var url = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
      for (var i=0;i<url.length;i++) {
             var params = url[i].split("=");
             if(params[0] == param)
              return params[1];
      }
      return false;
    }
    var URLSELECTION = getParam("filter");
    $("select option[value='"+ URLSELECTION +"']").attr('selected','selected');
});        
</script>
于 2017-08-07T12:09:09.577 回答