使用_renderItem类中断自动完成字段

Question

我有一个jQuery自动完成字段,到目前为止一直工作正常.我决定使用_renderItem它,因为我想在结果中使用一些HTML.这是我的代码:

function prepareClientField() {

  var renderItemFunction = function(ul, item) {
    return $("<li></li>")
      .data("item.autocomplete", item)
      .append(item.label)
      .appendTo(ul);
  };

  $("#client_name").autocomplete({
    source: clientNames,
    delay: 0
  }).data("autocomplete")._renderItem = renderItemFunction;

  $("#client_name").focus();
}

因为现在,我无法在自动填充字段中使用向上/向下箭头.我甚至无法使用鼠标单击结果中的项目.还有什么我需要做才能让它真正起作用吗？

Answer 1

该autocomplete插件在很大程度上依赖于内部menu使用a元素的插件.因此a从每个项目中删除元素会破坏menu插件.

您可以手动启动menu插件并尝试使其工作,或者您需要找到其他项目有a标签的解决方案,但不要弄乱您的样式.