javascript - 如何让 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自动完成 - 您需要设置 minLength-option到 0 使其正常工作

$("#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')
});

演示:Fiddle