Mô-đun JavaScript typeahead trong Bootstrap 3 RC 1 ở đâu?

76

Như bạn đã biết Bootstrap RC 1 có ở đây, và tôi đã đọc về tất cả các tính năng tuyệt vời mới trong khuôn khổ mới này. Nhưng đoán xem, typehead không có trong tài liệu. Có ai biết nếu điều này là vì bất kỳ lý do?

Tôi đã tìm thấy những ví dụ này trong khi googling và tôi cũng đọc được trong bài đăng này rằng họ đã thay đổi typehead Bootstrap. Vậy tôi có phải thêm nó theo cách thủ công hay nó cũng nằm trong gói Bootstrap 3?

Có ai biết điều gì đó về điều này?

jquery twitter-bootstrap twitter-bootstrap-3

— ncubica
nguồn

2

Tôi cũng tìm thấy quá nhiều thứ đã biến mất chẳng hạn như các lớp điều hướng, tiêu đề đánh máy, độ rộng đầu vào biểu mẫu được kiểm soát, hộp tìm kiếm, menu con. Thay đổi các lớp để làm cho nó phức tạp như icon- thành .glyphicon, span thành col-lg-xxxxx? Tôi sẽ ghi nhận jquery về vấn đề đó hoặc chính sách của google, ý tôi là cung cấp đủ khả năng tương thích ngược để mọi người có thể gắn bó với sản phẩm của bạn. Thay vì áp đặt ý tưởng của bạn chỉ cho người khác và phán xét bằng những từ này "Chúng tôi nghĩ rằng điều đó là không cần thiết" Bạn là ai để đánh giá. Vì vậy, chính sách thay đổi này là công cụ của Microsoft hơn. Họ liên tục thay đổi mọi thứ và chúng tôi các nhà phát triển luôn tiếp tục học hỏi và lãng phí thời gian. ĐỊA NGỤC!

— Asif Ashraf

1

ai đó đã thêm vào phía sau typeahead để Bootstrap 3 đây

— MK Yung

Điều này hoạt động với mã bootstrap2 cũ mà không có nút. Chỉ cần bao gồm tệp js bổ sung sau khi tải bootstrap 3.

— giorgio

Điều này đã giải quyết vấn đề của tôi với timschlechter.github.io/bootstrap-tagsinput/examples Cảm ơn!

— Lucia

67

Tôi tin rằng nó đã không còn được chấp nhận thay vì typeahead.js tuyệt vời của Twitter . Tài liệu của họ có phần tích hợp Bootstrap sẽ hữu ích.

chỉnh sửa: Twitter đã xóa hướng dẫn tích hợp. Không rõ đây là tạm thời trước bản phát hành tương thích với Bootstrap 3.0 hay nó đã hoạt động tốt hay chưa, nhưng @drye liên kết đến bản thay thế hữu ích tại http://www.aureliomerenda.com/install-typeahead-bootstrap-3- fix-css-overlay-width-100 / .

— ceejayoz
nguồn

3

Đây là thông báo chính thức về việc ngừng sử dụng: getbootstrap.com/getting-started/#migration-notes

— Jesús Carrera

3

Cảnh báo : kể từ ngày 24 tháng 10 năm 2013, typeahead.js đã cũ trong 3-4 tháng. Hy vọng họ có thể làm cho nó hoạt động trở lại. github.com/twitter/typeahead.js/issues/489

— Breiz

3

@JakeHarding sẽ phát hành phiên bản mới vào đầu tháng 1.

— NicoJuicy

1

Phần hội nhập đã bị xoá: github.com/twitter/typeahead.js/commit/... Một số hướng dẫn tại đây: aureliomerenda.com/...

— drye

1

Phương pháp ở đây: aureliomerenda.com/... không có công trình còn

— Cam Tullos

14

Bây giờ Bootstrap 3.0.0 cuối cùng đã được phát hành, lỗi đánh máy đã chính thức bị loại bỏ. Tuy nhiên, Typeahead của Twitter ( https://github.com/twitter/typeahead.js ) có thể được sử dụng ở vị trí của nó:

Ví dụ về Bootstrap 3 Typeahead: http://bootply.com/86571

— Zim
nguồn

1

Liên kết github trả về 404

— Người dùng

1

Đây là câu trả lời tốt nhất cho câu hỏi này. Tôi đã thử và nó hoạt động như một cái duyên.

— Rahul Soni

9

Như ceejayoz đã nêu, bạn cần typeahead.js + CSS bổ sung để tích hợp với Bootstrap.

Điều này được thực hiện cho Bootstrap 2.

Nếu bạn muốn nó hoạt động với Bootstrap 3, bạn phải thay đổi .tt-hintlớp. Tôi đã thay đổi nó thành display: none;vì nó phủ lên rất khủng khiếp.

Tôi cũng nhận thấy rằng các phần bổ trợ Nút (cho đầu vào) không hoạt động tốt vì đầu vào cũng không được ghi đè chính xác.

— Daniel W.
nguồn

1

Bài đăng này rất hữu ích. .tt-hint đó là một cửa sổ bật lên lạ với văn bản trùng lặp từ kiểm soát đầu vào. Không biết nó ở đó là gì. Cài đặt hiển thị: không có gì thực sự giúp ích. cảm ơn

— Asif Ashraf 09/09

9

Tôi đã tìm thấy bản chuyển thể [tháng 5 năm 2014];)

cho những người khác đến đây từ google như tôi đã làm, vẫn đang tìm kiếm câu trả lời phù hợp: https://github.com/bassjobsen/Bootstrap-3-Typeahead

và nếu bạn cần nó hoạt động với knockout 3 như tôi, tôi đã điều chỉnh mã từ thiên tài Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) để hoạt động lại:

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

— Nukey
nguồn

7

Có, lỗi chính tả không được chấp nhận trong Bootstrap 3.

Nhưng typeahead.js chưa sẵn sàng cho Bootstrap 3.

Giải pháp hoạt động là thêm css bổ sung để sửa chữa các vấn đề về css: https://github.com/jharding/typeahead.js-bootstrap.css

— người lạc quan
nguồn

3

Làm. Tôi sử dụng tagManager, typeahead, bootstrap 3. Ngoài ra sử dụng .twitter-typeahead .tt-gợi ý css lớp từ Nick P trả lời stackoverflow.com/questions/18059161/...

— MorioBoncz