【问题标题】:How to make jquery autocomplete search on click如何在点击时使 jquery 自动完成搜索
【发布时间】:2014-01-09 09:38:35
【问题描述】:

我正在使用 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));
}

对此有何建议?

【问题讨论】:

    标签: javascript jquery html css jquery-autocomplete


    【解决方案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

    【讨论】:

    • 这仍然会在输入字符时进行查询。如何仅在单击特定选择器时才进行查询?
    【解决方案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
        }
    })
    

    【讨论】:

      猜你喜欢
      • 2012-01-14
      • 2011-03-21
      • 2015-07-05
      • 1970-01-01
      • 2019-05-05
      • 2017-08-14
      • 2013-08-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多