Jquery自动完成点击外部错误

Question

我在使用 Jquery 自动完成时遇到以下问题： - 如果未选择任何内容，我正在尝试（并管理）清除文本字段，但如果用户在未选择任何内容的情况下单击外部然后再次执行相同的请求，则没有任何反应

• 您可以自己尝试一下：（不是我的小提琴，但窃听方式相同）

http://jsfiddle.net/ZcHgY/

• 例如尝试键入“per”，然后单击外部，然后再次键入“per”。在您对请求进行更改之前，自动完成功能不会起作用。

代码如下：

$(function () {
 $("#tags").autocomplete({
     source: availableTags,
     close:function(){
         this.value=''
     },
     select:function(e,ui){
         /* do something with selected result*/
         $('body').append('<div>You Chose '+ui.item.value+'</div>');

     }
 });

});

欢迎任何想法！ 谢谢

Answer 1

在选项中设置延迟将消除此“错误”，例如设置为 0 或 100（不建议将 0 用于远程数据，因为它会给您的服务器带来过多的负载，但对于示例中的本地阵列来说很好）：

http://jsfiddle.net/ZcHgY/22/

$(function () {
 $("#tags").autocomplete({
     source: availableTags,
     delay: 100,
     close:function(){
         this.value=''
     },
     select:function(e,ui){
         /* do something with selected result*/
         $('body').append('<div>You Chose '+ui.item.value+'</div>');

   }
 });