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

jQuery ui autocomplete - renderItem url's

1 个答案: