2011-02-23 52 views
5

我有一个jQuery自动填充字段,一直工作得很好,直到现在。我决定使用_renderItem,因为我想在结果中使用一些HTML。这里是我的代码:使用_renderItem类中断自动填充字段

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(); 
} 

对于原因,现在,我不能在我的自动完成字段中使用向上/向下箭头。我甚至无法使用鼠标点击结果中的项目。还有什么我需要做的,以使其实际工作?

回答

5

autocomplete插件严重依赖menu插件,它在内部使用a元素。因此从每个项目中删除a元素会破坏menu插件。

您可以手动布赫了menu插件&设法得到它的工作,或者你需要找到另一种解决方案,其中的项目有a标签,但不要弄乱你的风格。