javascript - 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);
        }
    });
})

Web API Controller 操作如下所示:

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 绑定(bind)到事件，但这也没有帮助。我也在 change 事件上尝试过这个，但它也没有被触发，或者在我看来是这样。我不明白为什么事件没有触发。

Answer 1

我想你也需要添加这个......

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

You can check it out here