jQuery的自动完成输入

Question

我有以下的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（类= list_item_container），它转移你“标签”链接点击。我怎样才能转到相同的链接打回车？

Answer 1

您可以在自动完成中使用select事件。在这里，我假设你的标签是你喜欢从你的例子中重定向的url。

$("#my_ac").autocomplete({ 
     select:function(event,ui){ 
      if(event.keyCode==13){ 
       window.location = ui.label; 
      } 
     }, 
........ 
}); 

查看自动完成选择事件here