У меня есть следующий автозаполнение jquery:
$(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_item_container) он переадресовывает вам ссылку "label". Как я могу переадресовать на ту же ссылку при попадании в нее?
Вы можете использовать событие select в автозаполнении. Здесь я предполагаю, что ваш ярлык является URL-адресом, который вы предпочитаете перенаправлять из своего примера.
$("#my_ac").autocomplete({
select:function(event,ui){
if(event.keyCode==13){
window.location = ui.label;
}
},
........
});
Посмотреть более подробную информацию о автозаполнении выберите событие здесь