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