Javascript Jquery按回车键自动完成
我有以下jquery自动完成功能:Javascript Jquery按回车键自动完成,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,我有以下jquery自动完成功能: $(function() { $("#my_ac").autocomplete({ source: [ { label: "/Tom-Hanks", value: "Tom Hanks", description: "Actor", image: "hanks.png"
$(function() {
$("#my_ac").autocomplete({
source: [
{
label: "/Tom-Hanks",
value: "Tom Hanks",
description: "Actor",
image: "hanks.png"
},
{
label: "/Termionator-2",
value: "Termionator 2",
description: "Movie",
image: "terminator.png"
}
],
minLength: 1
}).data( "autocomplete" )._renderItem = function( ul, item ) {
var inner_html = '<a href="' + item.label + '"><div class="list_item_container"><div class="image"><img src="' + item.image + '"></div><div class="label">' + item.label + '</div><div class="description">' + item.description + '</div></div></a>';
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append(inner_html)
.appendTo( ul );
};
});
当用鼠标单击生成的div class=list\u item\u容器时,它会将您转到标签链接。我如何在按下enter键时切换到同一链接?您可以在autocomplete中使用select事件。在这里,我假设您的标签是您希望从示例重定向的url
$("#my_ac").autocomplete({
select:function(event,ui){
if(event.keyCode==13){
window.location = ui.label;
}
},
........
});
有关自动完成选择事件的详细信息,请参见您可以在自动完成中使用选择事件。我必须将ui.label替换为ui.item.label,它才起作用。谢谢你。