如何使用jQuery-Autocomplete自定义建议html

我正在使用这里看到的jQuery-Autocomplete插件： https ： //github.com/devbridge/jQuery-Autocomplete

我正在尝试控制正在呈现的项目作为建议。 默认情况下，自动完成建议如下所示：

438 

我希望能够构建该项目，以便我可以执行以下操作：

我正在使用被调用的beforeRender，只是没有生效，这里是片段：

 beforeRender: function (container) { console.log(container) xx = '
TEST
'; return xx; }, 

我有什么想法我做错了吗？

更新了以下代码。 想法是在beforeRender中更改容器以完全自定义正在呈现的内容。 这没有效果。

 beforeRender: function (container) { console.log(container) container = '
TEST
'; return container; }, 

Answer 1

查看源代码 ，插件只调用beforeRender ，然后显示容器：

 if ($.isFunction(beforeRender)) { beforeRender.call(that.element, container, that.suggestions); } that.fixPosition(); container.show(); 

它不使用任何返回值。 文档说：

beforeRender ：在显示建议之前调用function (container, suggestions) {} 。 您可以在显示之前操纵建议DOM。

所以我认为你应该直接操纵容器，例如：

 beforeRender: function (container, suggestions) { container.find('.autocomplete-suggestion').each(function(i, suggestion){ // suggestion.append(); suggestion.preppend(); suggestion.whatever() }); },