多个元素的 jQuery UI 自动完成格式

Question

我有我喜欢的 jQuery UI 自动完成设置并且运行良好，但是有一个致命的缺陷。在我的自动完成中，我使用了一个像这个例子一样的自定义显示。我有一些非常相似的东西，但有一个例外......

唯一的区别是我在那个页面上有多个同一个类的自动完成元素。只有第一个元素显示额外的数据行，其余只显示基本的自动完成。

我可以通过迭代所有这些类元素并在它们上调用自动完成来获得所需的结果，但我希望有一种更好的方法来调用它并让它“正常工作”。

这是我添加额外行的方式：

.data( 'autocomplete' )._renderItem = function( ul, item ) {
  return $( '<li></li>' )
  .data( 'item.autocomplete', item )
  .append( '<a>' + item.label + '<br/><small>' + item.desc + '<small></a>' )
  .appendTo( ul );
};

我应该注意，我根本没有收到任何控制台异常。

Answer 1

我可以完成这项工作的唯一方法是将我的代码更改为：

addautocomplete($('.tagEntry'));

到：

$('.tagEntry').each(function() {
     addautocomplete(this);
});