我正在尝试使用 algolia 自动完成功能,列表显示正常,但是当我们单击它时,没有触发任何事件,关键字滚动也有效,但列表上的部分无效。
https://jsfiddle.net/qeLwbfpj/
const { autocomplete } = window['@algolia/autocomplete-js'];
var ac_instance = autocomplete({
insights: true,
container: '#autocomplete',
placeholder: 'Type a name...',
openOnFocus: true,
getSources({ query }) {
return [
{
sourceId: 'dummy-source',
getItems() {
return [
{ label: 'Apple', Id: '123' },
{ label: 'Mango', Id: '456' },
{ label: 'Banana', Id: '789' },
{ label: 'Orange', Id: '101' }
].filter(item => item.label.toLowerCase().includes(query.toLowerCase()));
},
templates: {
item({ item }) {
return item.label;
}
}
}
];
},
onSelect(item ) {
console.log(`File: dummy.php, Line: 62`, item);
alert(`File: dummy.php, Line: 63`);
},
onSubmit(state) {
alert(`File: dummy.php, Line: 67`);
}
});
console.log(`File: dummy.php, Line: 79`, ac_instance);