在keyup上调用Typehead功能

时间:2016-04-29 12:40:28

标签: javascript jquery typeahead.js

您好我正在使用typeahead jquery库。

我想在keyup中运行该函数,但它现在正在运行。

JQuery代码:

$.typeahead({
    input: '.js-typeahead-car_v1',
    minLength: 1,
    maxItem: 0,
    order: "asc",
    hint: true,

    source: {
        searchkey: {
            url: {
                type: "POST",
                url: "/search",
                data: {
                    myKey: "muvalue"
                }
            }
        }
    },
    callback: {
        onClick: function (node, a, item, event) {
            $("#topsearchbtn").trigger( "click" );
        },
    }
});

HTML:

<input type="text" name="term" class="form-control input-sm js-typeahead-car_v1"
       maxlength="64" placeholder="Search Entire store here..." id="tags" autocomplete='off' />

如何在密钥上调用$.typeahead({})

现在它不是每次都发送请求第一次按键。

2 个答案:

答案 0 :(得分:1)

Typeahead意味着绑定如下:

$("#tags").typeahead({
    // Arguments
});

查看工作示例here

在你的预先查询中的其他地方可能出现了问题。

答案 1 :(得分:0)

$(document).on('keyup', '#tags', function() {
    $.typeahead({
       // your code
    });
}

$('#tags').on('keyup', function() {
    $.typeahead({
     // your code
    });
}