2013-07-27 4 views
75

Как вы знаете, Bootstrap RC 1 здесь, и я читал обо всех новых удивительных функциях в этой новой структуре. Но угадайте, что, типхед из документации. Кто-нибудь знает, если это по какой-либо причине?Где находится модуль JavaScript типа в Bootstrap 3 RC 1?

Я нашел these examples во время поиска в Google, а также я прочитал in this post, что они изменили тип Bootstrap. Так что я должен добавить его вручную или это также в пакет Bootstrap 3?

Кто-нибудь знает что-нибудь об этом?

+2

Я также нашел слишком много вещей, таких как навигационные классы, typeahead, управляемая форма ввода ширины, окно поиска, подменю. Изменение классов, чтобы сделать его сложным, например, icon-to .glyphicon, span to col-lg-xxxxx? Я бы назвал jquery в этом отношении или политикой google, я имею в виду предоставление достаточной обратной совместимости, чтобы люди могли придерживаться вашего продукта. Вместо того, чтобы навязывать свою идею только другим и судить в этих словах: «Мы считаем, что это не нужно». Кто вы должны судить. Таким образом, эта политика изменений - это нечто большее.Они продолжают меняться, и разработчики всегда продолжают учиться и тратить время. HELL! –

+1

кто-то добавил обратно typeahead в Bootstrap 3 [здесь] (https://github.com/bassjobsen/Bootstrap-3-Typeahead) –

+0

Это работает со старым кодом bootstrap2 без нотификации. Просто добавьте дополнительный файл js после загрузки bootstrap 3. – giorgio

ответ

67

Я считаю, что он устарел в пользу превосходного Twitterа typeahead.js. В их документации есть a Bootstrap integration section, которые должны помочь.

Редактировать: Twitter удалил инструкции по интеграции. Неясно, является ли это временным до релиза Bootstrap 3.0 или если он ушел навсегда, но @drye ссылки на полезную замену на http://www.aureliomerenda.com/install-typeahead-bootstrap-3-fix-css-overlay-width-100/.

+3

Здесь официальное уведомление об исключении: http://getbootstrap.com/getting-started/#migration-notes –

+3

** Предупреждение **: по состоянию на 24 октября 2013 года typeahead.js устарел в течение 3-4 месяцев. Надеюсь, они снова пойдут. https://github.com/twitter/typeahead.js/issues/489 – Breiz

+0

Настоящий настоящий позор, поскольку Twitters typeahead никогда не будет обновляться. Более 160 + неудовлетворенных/нерешенных вопросов, и все еще продолжается. – FooBar

9

Как уже говорилось, ceejayoz вам нужен typeahead.js + дополнительный CSS для интеграции с Bootstrap.

Это сделано для Bootstrap 2.

Если вы хотите работать с Bootstrap 3, вы должны изменить .tt-hint класс. Я изменил его на display: none;, потому что он накладывался очень ужасно.

Я также заметил, что кнопки addons (на входы) не работают так хорошо, потому что вход тоже неправильно переопределяется.

+1

Это сообщение было полезно. что .tt-hint - это странное всплывающее окно с дублирующимся текстом из элемента управления вводом. Не знаю, что там было. Настройка отображения: никто не помог. спасибо –

7

Да, машинописный осуждается в Bootstrap 3.

Но typeahead.js не готов к Bootstrap 3.

Рабочий раствор добавить дополнительные CSS, которые ремонтирует проблемы CSS: https://github.com/jharding/typeahead.js-bootstrap.css

+3

Работы. Я использую tagManager, typeahead, bootstrap 3. Плюс использовать .twitter-typeahead .tt-hint css класс от Nick P answer http://stackoverflow.com/questions/18059161/css-issue-on-twitter-typeahead-with-bootstrap -3 – llapinski

14

Теперь, когда выпуск Bootstrap 3.0.0 был выпущен, typeahead был официально удален. Тем не менее, в Twitter машинописный (https://github.com/twitter/typeahead.js) может быть использован в это место:

Bootstrap 3 машинописный пример: http://bootply.com/86571

+1

О, ничего себе, этот пример на удивление бесполезен. – thealexbaron

+1

Ссылка github возвращает 404 – User

+0

Это на https://github.com/twitter/typeahead.js – chrism

9

Я нашел подгонку [май 2014];)

для других приземление здесь от Google, как я сделал, до сих пор в поисках правильного ответа: https://github.com/bassjobsen/Bootstrap-3-Typeahead

и если вам это нужно работать с нокаута 3, как я, я адаптированной код с гениальным Нимейера (https://stackoverflow.com/a/20503173/1218136) минимально работать снова:

<input type="text" data-bind="value: value, typeahead: {source: your_array}" /> 
Смежные вопросы