Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加载页面时已选择内容的MixItUp筛选器_Javascript_Jquery_Html_Mixitup - Fatal编程技术网

Javascript 加载页面时已选择内容的MixItUp筛选器

Javascript 加载页面时已选择内容的MixItUp筛选器,javascript,jquery,html,mixitup,Javascript,Jquery,Html,Mixitup,我正在一个小项目中使用MixItUp()来过滤一些事件 现在我想实现以下几点:当用户来自特定页面时,内容应该已经被过滤了。在我的例子中,我有一个HTML选择选项字段,用户可以在其中选择特殊类型的事件 到目前为止我所做的: 我与设置过滤器所需的内容建立了特殊链接。比如说 http://link.de/?filter=blueberries 使用Javascript/jQuery,我现在选择这个选项 $('select option[value=".'+URLSELECTION+'&qu

我正在一个小项目中使用MixItUp()来过滤一些事件

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

到目前为止我所做的: 我与设置过滤器所需的内容建立了特殊链接。比如说

http://link.de/?filter=blueberries
使用Javascript/jQuery,我现在选择这个选项

$('select option[value=".'+URLSELECTION+'"]').attr('selected', 'selected');
但不知何故,当我通过jQuery进行选择时,MixItUp没有过滤。只有单击它,过滤器才会设置。因此,现在的选择是正确的,但MixItUp不会触发过滤器

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

使用以下代码:

<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>
var mixer = mixitup(containerEl, {
   load: {
       filter: '.blueberries'
   }
});
使用以下代码:

<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>
var mixer = mixitup(containerEl, {
   load: {
       filter: '.blueberries'
   }
});

您可以使用以下代码实现:

<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>
var mixer = mixitup(containerEl, {
   load: {
       filter: '.blueberries'
   }
});

我还没有测试过,但医生们是这么说的

您可以使用以下代码实现:

<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>
var mixer = mixitup(containerEl, {
   load: {
       filter: '.blueberries'
   }
});

我还没有测试过,但医生们是这么说的

选择很好!我选择了通过URL发送的选项。所以这很好用。但是,当通过jquery选择select字段时,MixItUp不会进行过滤选择工作正常!我选择了通过URL发送的选项。所以这很好用。但是,当通过jQuery选择select字段时,MixItUp不会进行过滤