Question

我的html页面包含一个文档搜索文本框，该框根据用户输入自动完成文档名称。文档名称是通过Ajax调用来自服务器端脚本的。以下代码可以正常工作，但是唯一的问题是，当用户打开新的浏览器并输入3个字符时，不会自动填充自动完成建议。如果用户输入4个字符，它将正常工作；在该用户输入3个字符后，它将正常工作。

$('#global-doc-search-box').keyup(function(e){
   thisObj.searchGlobalDocuments(e);
});

$("#global-doc-search-box").autocomplete({
    source: [{value: 'test', id: 'test', label: 'test'}],                           
    delay: 0
}).autocomplete("instance")._renderItem = function(ul, item) {  
   return $("<li></li>")
   .append("<div style='background-color: #fff;display:block;min-width:200px;padding: 10px;'><a style='text-decoration: none;' href='#' target='_blank'>" + item.value + "</a></div></li>")
   .appendTo(ul);
};

Answer 1

我已经解决了我的问题。我只是删除了显式的keyup事件，我们不需要任何显式的键事件列表器，似乎在自动完成功能中隐式配置了键事件侦听。

第一次页面加载时，jQuery UI自动完成功能不起作用

1 个答案: