수동으로 jQuery 자동 완료 트리거

수동으로 jQuery 자동 완료 트리거

나는 몇몇 AJAX와 함께 jQuery UI Autocomplete를 사용하고 있습니다(데이터는 입력을 중지한 후에야 풀립니다).데이터가 발견되면 자동 완성이 검색 결과로 팝업되도록 만들고 싶습니다.그러나 입력을 다시 시작할 때만 작동합니다(입력을 중지한 후까지 초기화되지 않았기 때문에 입력할 때까지 드롭다운이 트리거되지 않습니다).

내 코드:

var availableTags = [
    "Perl",
    "PHP",
    "Python",
    "Ruby"
];
$('input#mainSearchBox').autocomplete({
    source: availableTags,
        minLength: 0
});
    $('input#mainSearchBox').data('autocomplete').menu.active;

마지막 부분은 자동 완성을 활성화하려고 시도했지만 실패했습니다.

검색 방법은 다음과 같은 작업을 수행해야 합니다.

$('input#mainSearchBox').autocomplete("search");

피들

다음 스크립트를 사용하여 자동 완성을 수동으로 전환할 수 있습니다.

var textbox = $('input#mainSearchBox');
var autocompleteBox = textbox.autocomplete('widget');

// toggle the autocomplete widget
autocompleteBox.is(':hidden') ? 
    textbox.autocomplete('search', textbox.val()).focus() :
    autocompleteBox.hide();

이 코드는 jquery 자동 완성 데모 사이트(127-141행)의 콤보 상자 예제에서 찾을 수 있습니다.

https://github.com/devbridge/jQuery-Autocomplete, 의 경우 다음을 사용할 수 있습니다.

$('input#mainSearchBox').autocomplete("getSuggestions", $('input#mainSearchBox').val())

언급URL : https://stackoverflow.com/questions/13686319/trigger-jquery-autocomplete-manually