it-swarm.com.de

Wo befindet sich das typeahead JavaScript-Modul in Bootstrap 3 RC 1?

Wie Sie wissen, ist Bootstrap RC 1 hier und ich habe über all die neuen fantastischen Funktionen in diesem neuen Framework gelesen. Aber raten Sie mal, Typehead ist nicht in der Dokumentation enthalten. Weiß jemand, ob dies der Fall ist? ist aus irgendeinem Grund?

Ich fand diese Beispiele beim googeln und ich las in diesem Beitrag , dass sie den Typehead Bootstrap geändert haben. Muss ich es also manuell hinzufügen oder ist es auch im Paket Bootstrap 3 enthalten?

Weiß jemand etwas darüber?

76
ncubica

Ich glaube, es wurde zugunsten von Twitter's excellent typeahead.js veraltet. Ihre Dokumentation hat ein Bootstrap Integrationsabschnitt das sollte helfen.

edit: Twitter hat die Integrationsanweisungen entfernt. Es ist nicht klar, ob dies vor einer Bootstrap 3.0-kompatiblen Version nur vorübergehend ist oder ob es endgültig weg ist, aber @drye verweist auf einen nützlichen Ersatz unter http: // www .aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100 / .

67
ceejayoz

Nachdem das finale Bootstrap 3.0.0 veröffentlicht wurde, wurde der Typeahead offiziell entfernt. Der Twitter-Typeahead ( https://github.com/Twitter/typeahead.js ) kann an seiner Stelle verwendet werden:

Beispiel für Bootstrap 3 Typeahead: http://bootply.com/86571

14
Zim

Ich habe die Adaption gefunden [Mai 2014];)

für andere landen hier von Google wie ich, immer noch auf der Suche nach der richtigen Antwort: https://github.com/bassjobsen/Bootstrap-3-Typeahead

und wenn Sie es mit Knockout 3 wie ich brauchen, habe ich den Code des Genies Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) minimal angepasst, um wieder zu funktionieren:

<input type="text" data-bind="value: value, typeahead: {source: your_array}" />
9
Nukey

Wie bereits erwähnt, benötigen Sie die Datei typeahead.js + das zusätzliche CSS für die Integration in Bootstrap.

Dies ist gemacht für Bootstrap 2.

Wenn Sie möchten, dass es mit Bootstrap 3) funktioniert, müssen Sie die Klasse .tt-hint Ändern. Ich habe sie in display: none; Geändert, weil sie sehr schrecklich überlagert ist.

Mir ist auch aufgefallen, dass Button-Addons (für Eingaben) nicht so gut funktionieren, da die Eingabe auch nicht richtig überschrieben wird.

9
Daniel W.

Ja, typeahead ist veraltet in Bootstrap 3.

Aber typeahead.js ist nicht bereit für Bootstrap 3.

Die funktionierende Lösung besteht darin, das zusätzliche CSS hinzuzufügen, das die CSS-Probleme behebt: https://github.com/jharding/typeahead.js-bootstrap.css

7
optimister