javascript - 自动完成搜索不适用于 iPhone 设备上的切换菜单
问题描述
对于桌面网站和移动设备,我有不同的搜索框。桌面网站自动完成功能工作正常,但是当我在切换菜单上尝试相同功能时,菜单顶部工作和页面变得无响应。
我还为切换菜单创建了单独的实例,但它不起作用,尽管 android 设备工作正常。
我正在使用 Javascript。
资源:
资源:
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@3/dist/algoliasearchLite.min.js"></script>
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.min.js"></script>
代码:
const client = algoliasearch('HKRLNT6OTC', '0988f04b8d1d11e3f0e5053b0498aceb');
const players = client.initIndex('Apex_Index_Name_Tier_Demo2');
var enterPressed = false;
autocomplete('#ctl00_UCHeader1_ctl00_livesearchDevice', {}, [
{
source: autocomplete.sources.hits(players, { hitsPerPage: 8 }),
displayKey: 'name',
autofocus: true,
showReset: false,
showSubmit: false,
templates: {
//header: '<div class="aa-suggestions-category"></div>',
header: '<div></div>',
suggestion({ url, image, showFrom, starimage, _highlightResult }) {
return `<span>${_highlightResult.name.value}</span><span>${_highlightResult.h1name.value}</span>`;
}
}
},
]);
请帮我解决这个问题。
谢谢, 维内特
解决方案
推荐阅读
- c++ - 如何在数组中找到缺失的数字
- ios - 合并 - 合并多个共享过滤器
- javascript - 对象 HTML 标记上的 Onclick 事件不起作用,解决方法?
- sql-server - 不正确的 SQL Server 统计信息
- python - 使用正则表达式搜索字典键
- java - 查找重复项并从 ArrayList 中删除
- css - WordPress:对其他图像对象使用现有的图像悬停效果
- python-3.x - 使用 RabbitMQ 作为过程,使用 Celery 作为消费者
- reactjs - 在一个请求中将 Antd Dragger 中的多个文件作为数组上传
- android - 启用和禁用时无法更改按钮背景