javascript搜索功能
我得到了一个自动完成的搜索栏,显示了下拉菜单中的图像和文本,效果很好,但问题是当没有搜索结果显示时,“未找到结果”文本也会显示一个图像(与实际结果一样),我知道这是由于jquery中的\u renderItem()方法造成的。我不希望它显示为那样,但我只希望纯文本显示“未找到结果” 我一直想弄明白,但没能弄明白。非常感谢您的帮助。谢谢 这是用于显示“未找到结果”的javascript(只是代码的相关部分) 这是\u renderItem() 如何修改这两个函数以仅显示“未找到结果”文本javascript搜索功能,javascript,jquery,search,autocomplete,Javascript,Jquery,Search,Autocomplete,我得到了一个自动完成的搜索栏,显示了下拉菜单中的图像和文本,效果很好,但问题是当没有搜索结果显示时,“未找到结果”文本也会显示一个图像(与实际结果一样),我知道这是由于jquery中的\u renderItem()方法造成的。我不希望它显示为那样,但我只希望纯文本显示“未找到结果” 我一直想弄明白,但没能弄明白。非常感谢您的帮助。谢谢 这是用于显示“未找到结果”的javascript(只是代码的相关部分) 这是\u renderItem() 如何修改这两个函数以仅显示“未找到结果”文本 我尝试过
我尝试过使用
if(data.length>0){}
,但它似乎不起作用。因为您唯一关心的是图像,您可以尝试以下方法:
append("<a>"+"<img src ='/account/"+item.id+"/icon/logo' onerror='$(this).hide()' width='40' height='40'/>" + item.label+"</a>")
它给了我一个编译错误,如
Parse错误。缺少)参数列表更新后
。将双引号替换为单引号
.data('autocomplete')._renderItem = function(ul, item) {
return $('<li>')
.data('item.autocomplete', item)
.append("<a>"+"<img src ='/account/"+item.id+"/icon/logo' width='40' height='40'/>" + item.label+"</a>")
.appendTo(ul);
};
select: function( event, ui ) {
window.location="/account/" + ui.item.id;
return false;
}
append("<a>"+"<img src ='/account/"+item.id+"/icon/logo' onerror='$(this).hide()' width='40' height='40'/>" + item.label+"</a>")
onerror="$(this).hide()"