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

76

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

Ich habe diese Beispiele beim Googeln gefunden und in diesem Beitrag gelesen, dass sie den Typehead Bootstrap geändert haben. Muss ich es also manuell hinzufügen oder ist es auch im Bootstrap 3-Bundle enthalten?

Weiß jemand etwas darüber?

ncubica
quelle
2
Ich fand auch zu viele Dinge weg, wie Navigationsklassen, Typeahead, kontrollierte Formulareingabebreiten, Suchfeld, Untermenüs. Ändern Sie Klassen, um sie komplex zu machen, z. B. icon- zu .glyphicon, span zu col-lg-xxxxx? Ich würde jquery in dieser Hinsicht oder Google-Richtlinien gutschreiben, ich meine, genug Abwärtskompatibilität geben, damit die Leute an Ihrem Produkt festhalten können. Anstatt Ihre Idee nur anderen aufzuzwingen und mit diesen Worten zu beurteilen: "Wir denken, dass dies nicht erforderlich ist." Wer sind Sie, um zu beurteilen? Diese Änderungsrichtlinie ist also eher Microsoft-Material. Sie ändern ständig Dinge und wir Entwickler lernen immer wieder und verschwenden Zeit. HÖLLE!
Asif Ashraf
1
jemand hat 3 die typeahead zu Bootstrap wieder hinzugefügt hier
MK Yung
Dies funktioniert mit altem Bootstrap2-Code ohne Knoten. Fügen Sie einfach die zusätzliche js-Datei nach dem Laden von Bootstrap 3 hinzu.
Giorgio
Dies löste meine Probleme mit timschlechter.github.io/bootstrap-tagsinput/examples Danke!
Lucia

Antworten:

67

Ich glaube, es wurde zugunsten von Twitter's ausgezeichnetem typeahead.js abgelehnt . Ihre Dokumentation enthält einen Abschnitt zur Bootstrap-Integration , der helfen sollte.

Bearbeiten: Twitter hat die Integrationsanweisungen entfernt. Es ist nicht klar, ob dies vor einer Bootstrap 3.0-kompatiblen Version 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 / .

ceejayoz
quelle
3
Hier die offizielle Verfallserklärung
Jesús Carrera
3
Warnung : Seit dem 24. Oktober 2013 ist typeahead.js 3-4 Monate alt. Ich hoffe, sie können es wieder in Gang bringen. github.com/twitter/typeahead.js/issues/489
Breiz
3
@JakeHarding wird Anfang Januar eine neue Version veröffentlichen.
NicoJuicy
1
Der Integrationsabschnitt wurde entfernt: github.com/twitter/typeahead.js/commit/… Einige Anweisungen hier: aureliomerenda.com/…
drye
1
Die Methode hier: aureliomerenda.com/… funktioniert nicht mehr
Cam Tullos
14

Nachdem der endgültige Bootstrap 3.0.0 veröffentlicht wurde, wurde der Typeahead offiziell entfernt. Der Typeahead von Twitter ( https://github.com/twitter/typeahead.js ) kann jedoch an seiner Stelle verwendet werden:

Bootstrap 3 Typeahead-Beispiel: http://bootply.com/86571

Zim
quelle
1
Der Github-Link gibt einen 404
User
1
Dies ist bei weitem die beste Antwort auf diese Frage. Ich habe es ausprobiert und es hat wie ein Zauber funktioniert.
Rahul Soni
9

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

Dies ist für Bootstrap 2 gemacht.

Wenn es mit Bootstrap 3 funktionieren soll, müssen Sie die .tt-hintKlasse ändern . Ich habe es geändert, display: none;weil es sehr schrecklich überlagert war.

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

Daniel W.
quelle
1
Dieser Beitrag war hilfreich. Dieser .tt-Hinweis ist ein seltsames Popup mit doppeltem Text von der Eingabesteuerung. Ich weiß nicht, was es dort war. Anzeige einstellen: Keiner hat wirklich geholfen. danke
Asif Ashraf
9

Ich habe die Anpassung gefunden [Mai 2014];)

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

und wenn es wie ich mit Knockout 3 funktioniert, 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}" />
Nukey
quelle