jQuery ui 자동 완성 선택 이벤트 실행

Question

jQuery 자동 완성이 있고 select 이벤트가 실행되지 않습니다.

스크립트는 다음과 같습니다

$(function() { 
    $('#AppName').autocomplete({ 
     minLength: 0, 
     source: function(request, response) { 
      var url = "/api/AddAppAjax"; 
      $.getJSON(url, { term: request.term }, function(data) { 
       response(data); 
      }) 
     }, 
     select: function (event, ui) { 
      alert(ui.item.id); <---- !This is never hit! 
      $('#selected-id').val(ui.item.id); 
     } 
    }); 
}) 

웹 API 컨트롤러 액션은 다음과 같습니다

public IEnumerable<object> Get(string term) 
{ 
    var appManager = new AppManager(); 
    var appList = appManager.GetAllApps().AsQueryable().ToList(); 
    var appListJson = from fbApp in appList 
    select new 
    { 
     id = App.Id, 
     value = App.AppName, 
     label = App.ToString() 
    }; 

    return appListJson; 
} 

자동 완성 자체가 잘 작동합니다. 발사하지 않는 사건 일뿐입니다. bind 및 on으로 이벤트 바인딩을 시도했는데 그 중 하나도 도움이되지 않았습니다. 나는 또한 change 이벤트에서 이것을 시도했는데, 그 중 하나를 해고하지 않습니다, 또는 그래서 나에게 보인다. 왜 사건이 발생하지 않는지 나는 알 수 없다. 당신이

$(function() { 
    $('#AppName').autocomplete({ 
     minLength: 0, 
     source: function(request, response) { 
      var url = "/api/AddAppAjax"; 
      $.getJSON(url, { term: request.term }, function(data) { 
       return response(data); 
      }) 
     }, 
     select: function (event, ui) { 
      alert(ui.item.id); <---- !This is never hit! 
      $('#selected-id').val(ui.item.id); 
     } 
    }); 
}) 

Answer 1

그것은

$("#AppName").on("autocompleteselect", function(event, ui) {}); 

You can check it out here

Answer 2

난 당신이 너무이를 추가 할 필요가 그렇게 생각 소스 함수의 응답을 반환해야처럼

Answer 3

... 보이는 내가 가진 같은 문제. 저를위한 문제는 2 차 자동 완성이 동일한 성분을 표적으로했다는 것이 었습니다.

경우에 따라 ('무언가'일 수도 있습니다.) autocomplete()가 #AppName 요소에도 충돌합니다.