jQuery用戶界面自動完成 - renderItem URL的

Question

使用：

.data("autocomplete")._renderItem = function(ul, item) { 
       var temp = item.url.substring(16, item.url.length) 
       return $("<li></li>") 
       .data("item.autocomplete", item) 
       .append("<a>" + item.value + "<br>" + item.url + "<br>" + item.description + "<br>" + "Support URL: " + item.support_url + "<br>" + "Contact: " + "<a href=" + item.contact + ">Test</a>" + "<br />" + "</a>" ) 
       .appendTo(ul) 

jQuery是解析item.url並自動做出，在HTML A HREF。我想手動控制什麼成爲一個href，所以我可以做一些像"<a href='" + item.url + ">" + item.title "</a>"

jQuery現在處理的方式是使item.url爲href並添加我的html href並且不正確地使用標題。

在老版本的自動完成功能中，我能夠做到.result(function(event, item) { location.href = item.url; });，但是在這裏沒有縫隙支持。

Answer 1

您可以提供一個回調，該回調將在選擇某個項目時執行。

$("#input").autocomplete({ 
    source: mySource, 
    select: function(event, ui){ 
     window.location = ui.item.url; 
    } 
}); 

編號：http://docs.jquery.com/UI/Autocomplete#event-select