القائمة المنسدلة لا تعمل بعد تغيير الحجم
-
20-12-2019 - |
سؤال
لقد بدأت باستخدام bootstrap وقمت بإنشاء قالب html صغير باستخدام رأس القائمة فقط (مع العناصر المنسدلة).
المشكلة هي أنه بعد أن قمت بتغيير حجم النافذة لتكون صغيرة بما يكفي لفرض طي القائمة المستجيبة، استخدم القائمة المنسدلة (التنقل) أثناء طيها، وبعد ذلك قمت بتكبير النافذة، يتوقف عنصر القائمة المنسدلة عن العمل (يظهر تمرير لعرض المحتوى بدلاً من النزول).
عينة من الرموز؟ما عليك سوى تجربة "قالب Navbar" من bootstrap: http://getbootstrap.com/examples/navbar/
هل هناك أي حل معروف لهذه المشكلة؟
تم اختباره في Firefox وChrome.
المحلول
تحديث
أضف هذا بعد css bootstrap الخاص بك:
giveacodicetagpre.- تحديث نهاية
نعم، هذه المظهر "غريب" من الفئة "في الفئة" لها تأثير بعد إعادة الحجم لا يزال.
يمكنك إزالة الفئة باستخدام jQuery:
giveacodicetagpre.تغيير حجم التعليمات البرمجية من: تغيير اسم الطبقة بشكل حيوي بناء على حجم النافذة < / A>، حلول أفضل للقيام بذلك: كيفية اكتشاف نقاط التوقف استجابة من Twitter Bootstrap 3 باستخدام JavaScript؟
يبدو أنه علة، انظر: https://github.com/twbs/ Bootstrap / القضايا / 11243
نصائح أخرى
الإجابة الأخرى لم تنجح من أجلي، حيث أضافت فئة الانهيار عرضا: لا شيء؛(ربما نسخة مختلفة من bootstrap).الحل الذي عمل بالنسبة لي هو إضافة إلى CSS الخاص بك:
giveacodicetagpre.بالنسبة لي حدثت المشكلة عندما أفتح ثم أغلق القائمة المنهارة، تليها تغيير الحجم.نأمل أن يساعد هذا.
لقد نجح فرض الارتفاع التلقائي على العنصر المنهار (فوق نقطة الانهيار) بالنسبة لي.
ابحث عن المعرف أو الفئة على زر التبديل على سبيل المثال. data-target=".navbar-ex1-collapse"
واستخدم min-width (نقطة الانهيار):
@media screen and (min-width: 768px){
.navbar-ex1-collapse { height:auto !important;}
}