物化自动完成不关闭

Question

我使用的是物化css和js，我还有jQuery。

当我在textbox中键入时(inputtype=“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类来输入，并删除这个“autocomplete=”off“。

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

试试你的JS：

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

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