JqueryUI 自动完成删除结果 minLength

Question

我对 jqueryui 自动完成有疑问。我在另一个 div 中打印出自动完成的结果，就像这样

        $(function () {
            var ac = $("#search").autocomplete({
                source: "myurl",
                search: function (event, ui) {
                    // clear the existing result set
                    $('#results').empty();
                },
                minLength: 3
            });
            ac.data('ui-autocomplete')._renderItem = function (ul, item) {
                return $('<div class="col-md-2">' +
                        '<div class="thumbail">' +
                        '<a href="#"></a>' +
                        '</div>' +
                        '</div>')
                        .appendTo($('#results'));
            };
        });

当我搜索超过 2 个字符的内容时，这非常有用。但是如果我按退格键并删除一个字符，使查询小于 minLength，则不再调用搜索方法，这意味着以前的结果保留在我的结果中 div。当查询比 minLength 短时，有没有办法清除结果？

Answer 1

尝试绑定事件处理程序，例如：

$("#search").on('input', function() {
  if ($(this).val().length >= 3) return;
  $('#results').empty();
});

JqueryUI 自动完成删除结果 minLength

JqueryUI autocomplete remove results minLength

jquery-ui

jquery-ui-autocomplete