我假设您正在使用细化列表小部件:https ://community.algolia.com/instantsearch.js/documentation/#refinementlist 。在数据的“类别”属性上。
如果是这样,您可以这样做:
var preselectedCategories = ['Careers', 'Skills'];
var search = instantsearch(applicationID, apiKey, {
...other parameters,
searchParameters: {
disjunctiveFacetsRefinements: {
category: preselectedCategories
}
}
})
您还需要在细化列表实例化中执行此操作:
var refinementList = instantsearch.widgets.refinementList({
transformData: {
item: function(item) {
if (preselectedCategories.indexOf(item.name) !== -1) {
item.cssClasses.label += ' pre-selected';
}
return item;
}
}
});
那么默认情况下,所有预选的类别项目都将具有“预选”的 css 类。
然后你可以使用 css 和这个类名来做:
.pre-selected {
display: none;
}
让我知道