首页 > 解决方案 > 自动完成搜索不适用于 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>`;
            }
        }
    },
]);

请帮我解决这个问题。

谢谢, 维内特

标签: javascripttoggle

解决方案


推荐阅读