テーブルを使用するように AC の HTML をオーバーライドしました。マウスオーバー ホバー効果と選択は同じように機能しますが、キーアップとキーダウンは現在何の効果もありません。キー イベントを AC テーブルで機能させるにはどうすればよいですか?
globalSearch._renderItem = function(table, item) {
return $( '<tr class="result-row"></tr>' )
.data( "item.autocomplete", item )
.append('<td class="ac-search-col"></td>'+
'<td class="result-img-col"><img src="x" /></td>'+
'<td class="result-info">'+item.val'</td>')
.appendTo( table );
});
globalSearch._renderMenu = function(ul, items) {
var self = this;
ul.append('<table class="ac-search-table"></table>');
$.each( items, function( index, item ) {
self._renderItem( ul.find("table"), item );
});
};
編集:
これがフィドルです:http://jsfiddle.net/CpTAh/24/