微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – typeahead.js onselect item重定向到新窗口

我使用带有json响应的远程URL(New typeahead.js)

我的javascript

$(document).ready(function() { 
$('input.country').typeahead({
valueKey: 'name',remote : {
url : 'example.in/d.PHP?query=%QUERY',filter: function (parsedResponse) {
  var dataset = [];   
for (i = 0; i < parsedResponse.length; i++) {
              dataset.push({
                name: parsedResponse[i].name
              });
            }
if (parsedResponse.length == 0) {
              dataset.push({
                name: "No results" 
              }); }
            return dataset;
        },},});;
})

我的json回复

[{“name”:“诺基亚110”,网址:“example.com/nokia-110”},{“名称”:“诺基亚210”,网址:“example.com/nokia-210”}]

那么如何在所选名称上提供URL链接

解决方法

您需要更新Typeahead.js使用的模板,并在其中显示URL.

见:https://github.com/twitter/typeahead.js/#datum

对于一个适合Typeahead.js的良好模板系统,我建议你看看http://twitter.github.io/hogan.js/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐