Jquery Auto在底部完成附加链接

我在我的web项目中使用jQuery自动完成插件。 我想显示3个元素，之后我想将“查看所有结果”链接附加到底部。

我尝试使用以下代码。

$( ".grid-search-box" ).autocomplete({ minLength: 0, source: temp, focus: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; }, select: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; } }).data( "autocomplete" )._renderItem = function( ul, item ) { return $( "
" ) .data( "item.autocomplete", item ) .append( "" + item.value + "" ) .appendTo( ul ); }; 

任何人都可以建议我，如何解决它。

Answer 1

这是演示，

http://jsfiddle.net/muthkum/vqwBP/105/

我希望你能弄清楚如何实施。

更新：我设法更新您的代码，

 $( ".grid-search-box" ).autocomplete({ minLength: 0, source: function(request, response) { var results = $.ui.autocomplete.filter(temp, request.term); response(results.slice(0, 3)); //show 3 items. }, open: function(event, ui) { $('.ui-autocomplete').append('
See All Result
'); //See all results }, focus: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; }, select: function( event, ui ) { $( ".grid-search-box" ).val( ui.item.value ); return false; } }).data( "autocomplete" )._renderItem = function( ul, item ) { return $( "
" ) .data( "item.autocomplete", item ) .append( "" + item.value + "" ) .appendTo( ul ); }; 

演示： http ： //jsfiddle.net/muthkum/vqwBP/106/