javascript - 如何使用 jQuery Autocomplete item click 重定向到另一个页面

Question

我被这个问题难住了，我一直在努力让 jQuery 自动完成功能在建议列表中单击某个项目时转到站点上的另一个页面。

有人知道怎么做吗？这是我的代码:

$(':input[data-autocomplete]').autocomplete({
    source: $(':input[data-autocomplete]').attr("data-autocomplete"),
    delay: 0,
    select: function (event, item) {
        //window.location.replace("http://www.example.com/Profile/Details/1");// Works but totally unacceptable, browser history lost etc.. 
        //alert("Item Clicked"); //Fires Ok
    }
}).data("autocomplete")._renderItem = function (ul, item) {
    var MyHtml = '<a id="ItemUrl" href="/Profile/Details/' + item.PartyId + '"' + ">" +
                     "<div class='ac' >" +
                     "<div class='ac_img_wrap' >" +
                     '<img src="../../uploads/' + item.imageUrl + '.jpg"' + 'width="40" height="40" />' +
                     "</div>" +
                     "<div class='ac_mid' >" +
                     "<div class='ac_name' >" + item.value + "</div>" +
                     "<div class='ac_info' >" + item.info + " PartyId :" + item.PartyId + "</div>" +
                     "</div>" +
                     "</div>" +
                     "</a>";
    return $("<li></li>").data("item.autocomplete", item).append(MyHtml).appendTo(ul);
};

如您所见，我在 _renderItem 事件中使用了自定义 HTML，我的自定义 HTML 使用从源传入的 id 创建了一个 anchor 标记，这看起来不错，链接在浏览器左下角(我用的是 Chrome)

<a href='/Profile/Details/id' >some other divs & stuff</a>   

问题是当我点击链接时没有任何反应，我已经尝试使用 select 事件但是 item 是 null 所以无法获取 item.PartyId 来强制手动跳转。

如何让点击事件正常工作？

Answer 1

回答这个问题可能晚了，但我已经用下面的代码做到了:

$(document).ready(function() {
    $('#txtSearch').autocomplete({
        minLength: 3,
        source: "handlers/SearchAutoComplete.ashx?loc=" + $('#hfLocation').val(),
        select: function(event, ui) {
            doSearch(ui.item.label, ui.item.city);
        }
    });
});

function doSearch(term, location) {
    window.location.href = 'Search.aspx?q=' + term + '&loc=' + location;
}