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>