javascript - 页面加载时使用已选定内容的 MixItUp 过滤器

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

使用此代码:

<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>