2012-01-26 19 views
0

jqueryオートコンプリートを使用して簡単なクリックイベントをアタッチしようとしています。私はその後、別の要求をトリガするリスト項目をクリックできるようにしたいと思いjquery click event with autocomplete

$("#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

+0

を参照してください。 [ここ] [1] を答えを掲示し、[1]:http://stackoverflow.com/questions/8158246/firing-the-select-event-on-click-for-jquery-autocomplete/12220921 #12220921 –

答えて

3

あなたはオートコンプリートで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

+0

私はすでにそれを試しています(私はjavascriptでうまくいきません) – Youss

+0

ああ、うまくいくはずです! –

+0

私は知っている...私はこのようなものを試しました: '$(" li a ")click();' – Youss