【问题标题】:How to use Twitter typeahead to open a new page after autocompletion自动完成后如何使用 Twitter typeahead 打开新页面
【发布时间】:2013-11-06 17:11:08
【问题描述】:

我正在使用 Twitter 的 Typeahead 库,就像一个玩具模型问题:我如何在用户做出选择后打开一个新页面。例如,假设用户在下面选择了“mercury”,那么我该如何打开这个链接“https://www.google.com/search?&q=mercury”:

$('#input').typeahead([
{
name: 'planets',
local: [ "Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune" ]
}
]); 

【问题讨论】:

    标签: javascript jquery twitter autocomplete typeahead


    【解决方案1】:

    你会做类似这样的事情:

        $('#input').on('typeahead:selected', function(e, datum){
                window.location = '/some/directory/'+datum.id;
        });
    

    如果datum.id 不起作用,请尝试在函数中注销数据以查看您可以访问的所有内容:

        console.log(datum);
    

    【讨论】:

    • 除了“typeahead:selected”之外还有其他选择器吗?这允许我根据下拉列表选择项目,但它不会直接在搜索栏中处理“选项卡”或“点击/返回键”。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-11-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-28
    相关资源
    最近更新 更多