在 keyup 上调用 Typehead 功能答案

【问题标题】：Call Typehead function on keyup在 keyup 上调用 Typehead 功能
【发布时间】：2016-04-29 12:40:28
【问题描述】：

您好，我正在使用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' />

如何在 keyup 上拨打$.typeahead({})？

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

【问题讨论】：

标签： javascript jquery typeahead.js

【解决方案1】：

Typeahead 意味着像这样绑定：

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

查看工作示例here。

也许您的预先输入查询中的其他地方有问题。

【讨论】：

谢谢，但同样的搜索建议没有出现。
函数是这样触发的，对此我是零怀疑的。在您的情况下，您在 typeahead 方法中传递的对象可能是错误的。
@DeepParekh 您能否尝试在 typeahead 函数中使用最少的参数来确保一切顺利。
如果我在键盘上发出警报，警报就会出现，但它不会出现在 $.typehead({}) 中。你有什么想法吗？？
@DeepParekh 尝试编写一个 JSFiddle 以便我们可以看到整个事物

【解决方案2】：

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

或

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

【讨论】：