Typeahead.js - 是否可以通过单击页脚中的链接来关闭自动完成功能？答案

【问题标题】：Typeahead.js - Is it possible to turn off autocomplete by clicking a link in the footer?Typeahead.js - 是否可以通过单击页脚中的链接来关闭自动完成功能？
【发布时间】：2014-02-28 17:23:01
【问题描述】：

我在引导框架中有一个使用 typeahead.js 的自动完成文本框。现在我需要在建议列表之后有一个名为“关闭自动完成”的选项。我在 js 中有一个页脚，使用下面的代码。

我需要一个选项来添加“关闭自动完成”之类的链接。我可以像下面这样通过页脚添加它。


    $('.typeahead').typeahead({
        name: 'search',
        local: ['USA', 'UK', 'INDIA', 'Australia', 'Austria',],
        limit: 2,
    minLength: 3,
        footer :
         '< div class="footer">'+
                '< span >< a >Turn off auto-complete< /a >< /span >' +
            '< /div > ' 
    });

但我无法获得点击或悬停之类的任何事件。谁能建议我们如何获得该活动？

【问题讨论】：

标签： twitter-bootstrap bootstrap-typeahead typeahead.js

【解决方案1】：

我用一种方法创建了一个 jsfiddle：

http://jsfiddle.net/Fresh/p7hfS/

关键功能是定义您的页脚，例如

footer:'<b><span class="fakeLink" id="fakeLink">Turn off autocomplete</span></b>'

然后为这个链接设置一个事件处理程序，这将破坏预先输入的自动完成功能，使其表现得像一个普通的输入控件，例如

$(document).on('click', '#fakeLink', function () {
    $('#movies').typeahead('destroy');
});

您剩下的唯一任务是确保普通输入控件的样式与预先初始化的输入控件的样式相同。

【讨论】：