Де знаходиться модуль JavaScript typeahead у Bootstrap 3 RC 1?

76

Як ви знаєте, Bootstrap RC 1 вже тут, і я читав про всі нові чудові функції в цій новій структурі. Але вгадайте, шрифт із документації вийшов. Хтось знає, чи це з якихось причин?

Я знайшов ці приклади під час гуглиння, а також прочитав у цьому дописі, що вони змінили типовий Bootstrap. Тож чи потрібно мені додавати його вручну, чи він також є в комплекті Bootstrap 3?

Хтось знає щось про це?

jquery twitter-bootstrap twitter-bootstrap-3

— ncubica
джерело

2

Я також знайшов занадто багато речей, таких як класи навігації, typeahead, контрольована ширина введення форми, поле пошуку, підменю. Змінювати класи, щоб зробити їх складними, наприклад, icon-to .glyphicon, span на col-lg-xxxxx? Я би вхвалив jquery у цьому відношенні або політику Google, я маю на увазі забезпечити достатню зворотну сумісність, щоб люди могли дотримуватися вашого продукту. Замість того, щоб нав'язувати свою ідею просто іншим і судити за цими словами "Ми вважаємо, що це не потрібно" Хто ти такий, щоб судити. Тож ця політика змін - це більше речей Microsoft. Вони постійно змінюють речі, а ми, розробники, постійно вчимось і витрачаємо час. АД!

— Асіф Ашраф

1

хтось додав назад типограф до Bootstrap 3 тут

— MK Yung

Це працює зі старим кодом bootstrap2 без модифікації. Просто включіть зайвий файл js після завантаження bootstrap 3.

— Джорджіо

Це вирішило мої проблеми з timschlechter.github.io/bootstrap-tagsinput/examples Дякую!

— Люсія

67

Я вважаю, що це було припинено на користь чудового typeahead.js у Twitter . У їхній документації є розділ інтеграції Bootstrap, який повинен допомогти.

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

— ceejayoz
джерело

3

Ось офіційне повідомлення про припинення дії: getbootstrap.com/getting-started/#migration-notes

— Jesús Carrera

3

Попередження : станом на 24 жовтня 2013 року typeahead.js не працював протягом 3-4 місяців. Сподіваюся, вони зможуть це знову запустити. github.com/twitter/typeahead.js/issues/489

— Breiz

3

@JakeHarding випустить нову версію на початку січня.

— NicoJuicy

1

Розділ інтеграції видалено: github.com/twitter/typeahead.js/commit/… Деякі вказівки тут: aureliomerenda.com/…

— drye

1

Метод тут: aureliomerenda.com/… більше не працює

— Cam Tullos

14

Тепер, коли вийшов остаточний Bootstrap 3.0.0, typeahead було офіційно видалено. Однак на цьому місці можна використовувати Typeahead ( https://github.com/twitter/typeahead.js ):

Приклад Bootstrap 3 Typeahead: http://bootply.com/86571

— Зім
джерело

1

Посилання github повертає 404

— користувач

1

Це, безумовно, найкраща відповідь на це питання. Я зробив це, і це спрацювало як шарм.

— Рахул Соні

9

Як уже зазначав ceejayoz, вам потрібен typeahead.js + додатковий CSS для інтеграції з Bootstrap.

Це зроблено для Bootstrap 2.

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

Я також помітив, що аддони кнопок (до входів) працюють не так добре, тому що введення теж неправильно замінено.

— Даніель В.
джерело

1

Цей допис був корисним. що .tt-hint - це дивне спливаюче вікно з повторенням тексту з елемента керування введенням. Не знаю, що там було. Налаштування дисплея: жоден насправді не допоміг подяка

— Асіф Ашраф

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}" />

— Nukey
джерело

7

Так, typeahead застаріло в Bootstrap 3.

Але typeahead.js не готовий до Bootstrap 3.

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

— оптимістер
джерело

3

Працює. Я використовую tagManager, машинописний, самозавантаження 3. Плюс використання .twitter-машинописний .tt-натяк CSS - клас від Nick P відповіді stackoverflow.com/questions/18059161 / ...

— MorioBoncz