动态添加和删除bootstrap typeahead

Question

我们可以动态添加和删除bootstrap typeahead。

在某些情况下，我需要将typeahaed功能提供给一个文本框，并且在另一种情况下需要为同一个输入框删除此功能。

Answer 1

我知道我迟到了，下面会删除而不是隐藏。

$('.typeahead').typeahead('destroy');

Answer 2

是的，你可以。使用jquery方法.unbind()

非常容易

例如：

$('.typehead').typehead();
//and then you can dynamically unbind this plugin
$('.typehead').unbind();

Answer 3

我用过

 $('.typeahead').removeClass('dropdown-menu');

和

$('.typeahead').addClass('dropdown-menu');

隐藏显示下拉建议。

Answer 4

我不得不使用不同的（和hackier）解决方案，因为我每次绑定它时都会更改typeahead数据，而无法让其他答案工作。如果有人需要，我会留在这里。

删除先行

var parent = $('.typeahead').parent();
var html = parent.html();
$('.typeahead).remove();
parent.html(html);

添加Typeahead

$('.typehead').typehead();

Answer 5

此代码适用于我。

var typeaheadEle = $('#myTypeahead').data('typeahead');
 if (typeaheadEle) {typeaheadEle.source = [];}

其中 myTypeahead 是输入元素的id。

Answer 6

我发现$('.some-typeahead-parent .tt-dropdown-menu').hide();最适合多种数据集输入。