Aggiungere e rimuovere dinamicamente il typeahead bootstrap

Question

Possiamo aggiungere e rimuovere dinamicamente il typeahead bootstrap.

In alcuni casi, è necessario fornire la funzionalità di tipo a una casella di testo e rimuovere questa funzionalità per la stessa casella di input in un altro caso.

Answer 1

Ho usato il

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

e

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

per nascondere mostrare che il suggerimento a discesa.

Answer 2

Sì, è possibile. E 'abbastanza facile con l'utilizzo di metodo jQuery .unbind()

Ad esempio:

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

Answer 3

Ho dovuto usare una soluzione diversa (e hackier) perché sto cambiando i dati di battitura ogni volta che lo leggo e non riesco a far funzionare le altre risposte. Lo lascerò qui nel caso qualcuno ne avesse bisogno.

Rimuovere typeahead

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

Aggiungi typeahead

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

Answer 4

So di essere in ritardo alla festa, sotto rimuoverà invece di nascondere.

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

Answer 5

Questo codice funziona per me.

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

dove myTypeahead è id dell'elemento di input.

Answer 6

Ho trovato $('.some-typeahead-parent .tt-dropdown-menu').hide(); per funzionare al meglio per più tipi di dati tipeahead.