JQuery自動完成SELECT事件不會觸發

Question

我正在嘗試使用JQuery自動完成來搜索我的網站。

我面對的問題是，數據顯示正確。但是，當我嘗試選擇任何項目。什麼都沒發生。選擇事件不會觸發。

我的aspx代碼如下：請幫助我，如果這個代碼有問題。

我的理解是，如果我從自動完成結果中選擇任何項目，那麼應該出現「選定」消息。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("input#autocomplete").autocomplete("Search.ashx", 
      { 
       delay: 0, 
       max: 30, 
       min: 10, 
       width: 300, 
       formatItem: function (data, i, n, value) { 
        var temp = value.split(",")[3]; 
        temp = temp.replace(" ", "-"); 
        var result = "<table><tr><td> <a href='" + value.split(",")[2] + "'><img style = 'width:40px;height:50px' src= images/mobiles/" + value.split(",")[1] + " /> " + "</a></td><td style='Vertical-Align:Top'> <a href='" + value.split(",")[2] + "'>" + value.split(",")[0] + "</a></td></tr></table>"; 
        return result; 
       }, 
       select: function (e, ui) { 
        alert("selected!"); 
       } 
      }); 
     }); 

Answer 1

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("input#autocomplete").autocomplete("Search.ashx", 
      { 
       delay: 0, 
       max: 30, 
       min: 10, 
       width: 300, 
       source: function (data, i, n, value) { 
        var temp = value.split(",")[3]; 
        temp = temp.replace(" ", "-"); 
        var result = "<table><tr><td> <a href='" + value.split(",")[2] + "'><img style = 'width:40px;height:50px' src= images/mobiles/" + value.split(",")[1] + " /> " + "</a></td><td style='Vertical-Align:Top'> <a href='" + value.split(",")[2] + "'>" + value.split(",")[0] + "</a></td></tr></table>"; 
        return result; 
       }, 
       select: function (e, ui) { 
        alert("selected!"); 
       } 
      }); 
     }); 
</script>