使用_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標籤，但不要弄亂你的風格。