클릭하면 jquery 자동 완성 검색을 만드는 방법

Question

jquery atocomplete로 작업 중이며 google youtube처럼 클릭하면 제안 사항을 검색하고 싶습니다. 하지만 작동하지 않습니다. 여기에 HTML 코드

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="display: none; top: 488px; left: 248px; width: 542px;"> 
    <li class="ui-menu-item" role="presentation"> 
     <a id="ui-id-6" class="ui-corner-all" tabindex="-1">Activity</a> 
    </li> 
    <li class="ui-menu-item" role="presentation"> 
     <a id="ui-id-7" class="ui-corner-all" tabindex="-1">Apply online</a> 
    </li> 
</ul> 

및 JQuery와이에 관한 제안은 여기

$("#site-search-query").autocomplete({ 
    source: function(request, response) { 
    var results = $.ui.autocomplete.filter(res, request.term); 
    response(results.slice(0, 4)); 
} 

이다? 클릭 처리기에서

Answer 1

자동 완성의 search-method 전화 - 당신은 그것을

이

$("#site-search-query").autocomplete({ 
    source: function (request, response) { 
     var results = $.ui.autocomplete.filter(res, request.term); 
     response(results.slice(0, 4)); 
    }, 
    minLength: 0 
}).click(function() { 
    $(this).autocomplete('search') 
}); 

데모 작동하도록 0에 minLength-option를 설정해야합니다 Fiddle

Answer 2

이 시도 :

$("#site-search-query").autocomplete({ 
    source: function(request, response) { 
    var results = $.ui.autocomplete.filter(res, request.term); 
    response(results.slice(0, 4)); 
    }, 
    select: function(event, ui) { 
    //Your search function 
    } 
})