jquery点击事件与自动完成

Question

我试图附加一个简单的点击事件与jQuery自动完成。这是代码即时通讯使用：

$("#term").autocomplete({ 

    source: function(request, response) { 
    $.ajax({ 
     url: 'http://query.yahooapis.com/v1/public/yql', 
     dataType: 'JSONP', 
     data: { 
     format: 'json', 
     q: 'select * from xml where url="http://google.com/complete/search?output=toolbar&q=' + escape(request.term) + '"' 
     }, 
     success: function(data) { 
     response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) { 
      return { label: item.suggestion.data, value: item.suggestion.data }; 
     })); 
     } 
    }); 
    } 
}); 

我想可以点击列表中的项目，然后将触发另一个请求（EA填充另一个列表）我想用jQuery的单击事件要做到这一点，到目前为止，不好，看到这个LINK

Answer 1

你可以在自动完成中使用select事件。

$("#term").autocomplete({ 
    select:function(event, ui){ 
      // do your things here 
     }, 

    source: function(request, response) { 
    $.ajax({ 
     url: 'http://query.yahooapis.com/v1/public/yql', 
     dataType: 'JSONP', 
       data: { 
     format: 'json', 
     q: 'select * from xml where url="http://google.com/complete/search?output=toolbar&q=' + escape(request.term) + '"' 
     }, 
     success: function(data) { 
     response($.map(data.query.results.toplevel.CompleteSuggestion, function(item) { 
      return { label: item.suggestion.data, value: item.suggestion.data }; 
     })); 
     } 
    }); 
    } 
}); 

要不然你可以在你的方式

$(".ui-menu-item a").on('click',function() { 

看到它的工作here