物化自动完成未关闭

Question

我正在使用materialize css和js，我也有jQuery。

当我输入文本框（输入type="text"）时，每件事情都可以正常工作，但是如果我输入内容然后点击其他内容（自动完成将会关闭）但不是。在我删除文本之前，它会保持这样。

我的代码：

<input type="text" id="search" class="header-search-input" placeholder="Search" style="width: 320px !important;" autocomplete="off" />

和js代码：

$('#search').autocomplete({
            data: {
                "Apple": 'https://maxcdn.icons8.com/Android_L/PNG/512/Operating_Systems/mac_os-512.png',
                "Microsoft": 'http://www.freeiconspng.com/uploads/microsoft-new-logo-simple-0.png',
                "Google": 'https://maxcdn.icons8.com/Share/icon/Logos//google_logo1600.png'
            },
            limit: 20, // The max amount of results that can be shown at once. Default: Infinity.
            onAutocomplete: function (val) {
                // Callback function when value is autcompleted.
            },
            minLength: 1, // The minimum length of the input for the autocomplete to start. Default: 1.
        });

Answer 1

您需要添加自动完成类来输入并删除此“autocomplete =”off。

<input type="text" id="search" class="autocomplete">

试试你的js：

 $('input#search').autocomplete({......................});

还要注意库js的顺序，首先是jquery.min.js，然后是materialize.min.js。所有这一切都必须在身体标签关闭之前进行。