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

Question

我在bootstrap框架中使用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 > ' 
    });

但是我无法获得点击或悬停等任何事件。任何人都可以建议我们如何得到这个活动？

Answer 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');
});

您唯一要做的就是确保普通输入控件的样式与预先输入的样式相同。