Использование вида _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, но не путайте ваши стили.