javascript - 如何获得像 Stack Overflow 这样的自动完成功能

Question

我正在尝试实现像 Stack Overflow 那样的自动完成功能来完成标记。但是，我试图查看来源及其 minified

我正在尝试获得一些功能，比如让用户添加任何标签，如果它存在于列表中则很好，否则将其添加到数据库中。

有没有例子可以说明如何完成这样的事情？或者我能否以某种方式查看源的非缩小版本？

Answer 1

我不知 Prop 体怎么做，但是。 ……

如果您查看此答案:jQueryUI: how can I custom-format the Autocomplete plug-in results?

您可以看到有一种方法可以修改 jQuery 的呈现逻辑来更改菜单项的显示方式。还有一个名为 renderMenu 的内部 jQuery 函数，它实际呈现选项。

我还没有尝试过这个，但我想通过打开那个黑盒子，替换或重新调整 renderMenu 及其相关功能，你就可以做你想做的事 - 在实际中只渲染一个项目文本框。

无论如何，这就是我要开始的地方。

---

编辑

我再次研究了 jQuery UI 中的自动完成功能。通过插入自定义 response() 函数来替换菜单显示逻辑似乎非常简单。

这是我做的:

// display the first item in the list of possible completions
var myResponse =  function( items ) {
    var itemToSuggest, p1, p2;
    if (items.length === 0) {return;}
    itemToSuggest = items[0];
    this.element.val( itemToSuggest );
    p1 = this.term.length;
    p2 = itemToSuggest.length;
    setSelectionRange(this.element[0], p1, p2);
};

var oldFn = $.ui.autocomplete.prototype._response;
$.ui.autocomplete.prototype._response = myResponse;

Working example