首次加载页面时，Jquery UI 自动完成功能不起作用

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 事件，我们不需要任何显式的 key event 监听器，好像 key event 监听是在 autocomplete 函数中隐式配置的。