使用锚标记附加 Typeahead 行答案

【问题标题】：Attaching Typeahead row with anchor tag使用锚标记附加 Typeahead 行
【发布时间】：2013-06-19 15:33:24
【问题描述】：

我正在使用 ajax 调用来使用 Typeahead 填充我的下拉列表中的数据，现在 HTML Typeahead 为下拉列表中的每一行创建看起来像

<li class="active" data-value="xx">
    <a href="#">
        my Text
    </a>
</li>

我的要求是在锚标签中有一些价值，当用户点击下拉文本时，它会将用户带到新页面。

谁能指出我正确的方向？

【问题讨论】：

【解决方案1】：

这可以通过使用Typeahead 中的updater 属性来实现，因为在单击Typeahead 下拉列表中的行时会调用更新程序中的代码。

代码

updater: function (item) {            
       // do whatever you want to do here
    }

【讨论】：

【解决方案2】：

使用绑定。在选择重定向到您想要的链接

$('.typeahead').typeahead(null, {

//Your typeahead code lies here

} ).bind("typeahead:selected", function(obj, datum, name) {

window.location.href = ''; //redirect

console.log(obj, datum, name);

});

【讨论】：