it-swarm.asia

أين توجد وحدة جافا سكريبت typeahead في Bootstrap 3 RC 1؟

كما تعلم ، يوجد Bootstrap RC 1 هنا ، وقد قرأت عن كل الميزات الرائعة الجديدة في هذا الإطار الجديد. لكن احزر ماذا ، typehead خارج الوثائق. لا أحد يعرف ما إذا كان هذا لأي سبب من الأسباب؟

لقد وجدت هذه الأمثلة أثناء googling وأيضاً قرأت في هذا المنشور أنها غيرت Bootstrap typehead. هل يجب علي إضافته يدويًا أم أنه موجود أيضًا في حزمة Bootstrap 3؟

لا أحد يعرف شيئا عن هذا؟

76
ncubica

أعتقد أنه تم إهماله لصالح موقع Twitter المتميز typeahead.js . تحتوي وثائقهم على { قسم تكامل Bootstrap } من شأنها أن تساعد.

edit: قام Twitter بإزالة تعليمات التكامل. ليس من الواضح ما إذا كان هذا مؤقتًا قبل إصدار متوافق مع Bootstrap 3.0 أو إذا كان قد انتهى لفترة جيدة ، ولكن @ drye روابط إلى بديل مفيد على http://www.aureliomerenda.com/install-typeahead-bootstrap -3-fix-css-overlay-width-100 / .

67
ceejayoz

الآن بعد أن تم إصدار Bootstrap 3.0.0 النهائي ، تمت إزالة typeahead رسميًا. ومع ذلك ، يمكن استخدام Twitter Typeahead ( https://github.com/Twitter/typeahead.js ) في مكانه:

مثال لـ Bootstrap 3 Typeahead: http://bootply.com/86571

14
Zim

لقد وجدت التكيف [مايو 2014] ؛)

بالنسبة للآخرين الذين يهبطون هنا من google كما فعلت ، ما زلت تبحث عن الإجابة الصحيحة: https://github.com/bassjobsen/Bootstrap-3-Typeahead

وإذا كنت في حاجة إلى العمل مع الضربة القاضية 3 مثلما أفعل ، فقد عدلت الكود من عبقرية Niemeyer ( https://stackoverflow.com/a/20503173/1218136 ) الحد الأدنى للعمل مرة أخرى:

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

كما ذكر ceejayoz بالفعل ، فأنت بحاجة إلى typeahead.js + CSS إضافية للتكامل مع Bootstrap.

يرصد هذا لبوتستراب 2.

إذا كنت تريد أن تعمل مع Bootstrap 3 ، فعليك تغيير فئة .tt-hint. لقد غيرته إلى display: none; لأنه تراكب فظيع للغاية.

لقد لاحظت أيضًا أن الإضافات Button (إلى المدخلات) لا تعمل بشكل جيد لأنه لا يتم تجاوز الإدخال بشكل صحيح أيضًا.

9
Daniel W.

نعم ، تم إهمال typeahead في Bootstrap 3.

لكن typeahead.js غير جاهز لـ Bootstrap 3.

حل العمل هو إضافة css الإضافي ، الذي يعمل على إصلاح مشكلات css: https://github.com/jharding/typeahead.js-bootstrap.css

7
optimister