jQuery ui自動完成-renderItem網址

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中創建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