Ui 自动完成显示 URL 即使没有结果
Ui autocomplete show URL even with no results
即使没有结果,我也想在建议列表中显示一个 URL。
目前,我有以下代码:URL 仅显示 open()
函数中的结果。
是否可以在第一个字母后添加自定义 URL,即使我没有结果?
$(function(){
$( "#search" ).autocomplete({
minLength: 1,
source:'source',
html: true,
open: function(event, ui){
var term = $('#search').val();
$("<br /><li><a href='/search-"+term+"'>Recherche complète pour "+term+"</a></li>").appendTo('ul.ui-autocomplete');
}
})
.autocomplete( "instance" )._renderItem = function( ul, item ) {
return $( "<li><div><img src='"+item.avatar+"'> <a href='"+item.value+"'>"+item.value+"</a><span class=\"alias_tweet_search\">@"+item.value+"</span></div></li>" ).appendTo( ul );
};
});
问题已解决,这是代码
$(function(){
$( "#search" ).autocomplete({
minLength: 1,
source:'source',
open: function(event, ui){
var term = $('#search').val();
var addnew = "<br /><li> <a href='/search-"+term+"'>Search for "+term"</a></li>";
$(".ui-autocomplete").append(addnew);
},
response: function(event, ui) {
if (!ui.content.length) {
var noResult = { value:"",label:"No results found" };
ui.content.push(noResult);}
},
})
.autocomplete( "instance" )._renderItem = function( ul, item ) {
if(item.value == '')
{
return $ ( "<li> Aucune suggestion trouvée</li>" ).appendTo( ul );
}
else
{
return $( "<li><div class=\"test\"><img src='"+item.avatar+"'> <a href='/"+item.value+"'>"+item.value+"</a><span class=\"alias_tweet_search\">@"+item.value+"</span></div></li>" ).appendTo( ul );
}
};
});
即使没有结果,我也想在建议列表中显示一个 URL。
目前,我有以下代码:URL 仅显示 open()
函数中的结果。
是否可以在第一个字母后添加自定义 URL,即使我没有结果?
$(function(){
$( "#search" ).autocomplete({
minLength: 1,
source:'source',
html: true,
open: function(event, ui){
var term = $('#search').val();
$("<br /><li><a href='/search-"+term+"'>Recherche complète pour "+term+"</a></li>").appendTo('ul.ui-autocomplete');
}
})
.autocomplete( "instance" )._renderItem = function( ul, item ) {
return $( "<li><div><img src='"+item.avatar+"'> <a href='"+item.value+"'>"+item.value+"</a><span class=\"alias_tweet_search\">@"+item.value+"</span></div></li>" ).appendTo( ul );
};
});
问题已解决,这是代码
$(function(){
$( "#search" ).autocomplete({
minLength: 1,
source:'source',
open: function(event, ui){
var term = $('#search').val();
var addnew = "<br /><li> <a href='/search-"+term+"'>Search for "+term"</a></li>";
$(".ui-autocomplete").append(addnew);
},
response: function(event, ui) {
if (!ui.content.length) {
var noResult = { value:"",label:"No results found" };
ui.content.push(noResult);}
},
})
.autocomplete( "instance" )._renderItem = function( ul, item ) {
if(item.value == '')
{
return $ ( "<li> Aucune suggestion trouvée</li>" ).appendTo( ul );
}
else
{
return $( "<li><div class=\"test\"><img src='"+item.avatar+"'> <a href='/"+item.value+"'>"+item.value+"</a><span class=\"alias_tweet_search\">@"+item.value+"</span></div></li>" ).appendTo( ul );
}
};
});