无法从jQuery自动完成中选择建议
我正在使用jQuery的autocomplete为搜索成员输入创建一个autosuggest下拉列表。该功能列出了成员头像的建议。标准的东西。以下函数工作正常,但它不允许我选择其中一项无法从jQuery自动完成中选择建议,jquery,select,autocomplete,anchor,Jquery,Select,Autocomplete,Anchor,我正在使用jQuery的autocomplete为搜索成员输入创建一个autosuggest下拉列表。该功能列出了成员头像的建议。标准的东西。以下函数工作正常,但它不允许我选择其中一项 $(function(){ $( "#main_search" ).autocomplete({ source:'../ajax/search.php', minLength:3 }) .data( "ui-autocomplete")._renderItem
$(function(){
$( "#main_search" ).autocomplete({
source:'../ajax/search.php',
minLength:3
})
.data( "ui-autocomplete")._renderItem = function( ul, item ) {
var pic_path = '<img src="../avatars/' + item.id + '/' + item.id + '_thumbnail.jpeg" onerror="this.src=\'../avatars/generic/generic_thumbnail.png\'" id="imgId" width="30px" padding="2px";>';
return $( "<li>" )
.data( "item.autocomplete", item )
.append( "<a><table><tr><td>" + pic_path + "</td><td style='color:#000000; font-size:0.7em; padding-left:10px;'>" + item.name + "</td></tr></table></a>")
.appendTo( ul );
};
在各个方面都很好-可以单击选定的建议并将其显示在输入框中。我最初认为这与我的锚定标签有关,搜索SOF显示其他人也有类似的问题,但在他们的情况下,锚定标签的缺乏才是问题所在。我添加了锚标签,但没有成功
我不熟悉jQuery,所以如果这很简单,我深表歉意 解决了
$(function(){
$( "#main_search" ).autocomplete({
source:'../ajax/search.php',
select: function(event, ui) {
$( "#main_search" ).val(ui.item.name);
return false;
},
minLength:1
})
.data( "ui-autocomplete")._renderItem = function( ul, item ) {
var pic_path = '<img src="../avatars/' + item.id + '/' + item.id + '_thumbnail.jpeg" onerror="this.src=\'../avatars/generic/generic_thumbnail.png\'" id="imgId" width="30px" padding="2px";>';
return $( "<li>" )
.data( "item.autocomplete", item )
.append( "<a><table><tr><td>" + pic_path + "</td><td style='color:#000000; font-size:0.7em; padding-left:10px;'>" + item.name + "</td></tr></table></a>")
.appendTo( ul );
};
});
你能解释一下问题是什么吗?
$(function(){
$( "#main_search" ).autocomplete({
source:'../ajax/search.php',
select: function(event, ui) {
$( "#main_search" ).val(ui.item.name);
return false;
},
minLength:1
})
.data( "ui-autocomplete")._renderItem = function( ul, item ) {
var pic_path = '<img src="../avatars/' + item.id + '/' + item.id + '_thumbnail.jpeg" onerror="this.src=\'../avatars/generic/generic_thumbnail.png\'" id="imgId" width="30px" padding="2px";>';
return $( "<li>" )
.data( "item.autocomplete", item )
.append( "<a><table><tr><td>" + pic_path + "</td><td style='color:#000000; font-size:0.7em; padding-left:10px;'>" + item.name + "</td></tr></table></a>")
.appendTo( ul );
};
});