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