如何使用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; },

查看源代码 ,插件只调用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() }); },