JqueryUI autocomplete удалить результаты 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 символов. Но если я нажимаю backspace и стираю один символ, делая запрос меньше minLength, метод поиска больше не вызывается, что означает, что предыдущие результаты остаются в моих результатах div. Есть ли способ очистить результаты, когда запрос короче minLength?

Answer 1

Попытка связывания обработчика событий, как:

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