2016-05-12 118 views
0

我有一個jqueryui自動完成的問題。 我打印出來的自動完成的結果,另一個DIV這樣JqueryUI自動完成刪除結果minLength

 $(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時,有沒有辦法清除結果?

回答

1

儘量綁定的事件處理程序,如:

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

真棒!那就是訣竅。非常感謝你 :) – Stefan