القائمة المنسدلة Twitter Bootstrap 2 لا تعمل

Question

يوم جيد! أحاول تنفيذ القائمة المنسدلة من الأمثلة على موقعي.لكنها لا تعمل (القائمة المنسدلة لا تظهر على الإطلاق).لقد قمت بتضمين جميع ملفات js و css الضرورية ، الترميز هو نفسه الموجود في المستندات.

هل ترى الخطأ الذي أفعله؟ Genacodicetagpre

شكرا جزيلا

Answer 1

كانت المشكلة في عدم وجود كتلة js في ملف html ، وهو مطلوب لميزة معينة.

بت الشفرة المفقود كان: Genacodicetagpre

Answer 2

أنت لا تربط رابط التنقل الرئيسي الخاص بك بشكل صحيح بالقائمة المنسدلة ، جرب هذا: Genacodicetagpre

عرض توضيحي: http://jsfiddle.net/u5vhS/1/

Answer 3

اعتدت أن أنسى أحد هؤلاء:

• html مناسب
• الربط بـ jquery.js و bootstrap-dropdown.js
• التحقق مما إذا كنت قد ربطته بشكل صحيح (يبدو أنه لا لزوم له ولكنه ساعدني بالتأكيد)
• استدعاء القائمة المنسدلة: $ ('. dropdown-toggle'). القائمة المنسدلة ()

Answer 4

أعلم أن هذا قد يبدو سخيفًا ، ولكن عند عرض المصدر (بالنقر بزر الماوس الأيمن) ، هل عناوين ملفات جافا سكريبت صحيحة؟من المحتمل أن {{STATIC_URL}} ليس صحيحًا.حاول نسخ ولصق العناوين من المصدر في شريط العناوين.تأكد من أنك ترى محتوى ملفات جافا سكريبت بالفعل.

Answer 5

كنت أواجه نفس المشكلة.التعليق على رابط bootstrap-dropdown.js حلها.كنت بحاجة فقط إلى bootstrap.min.js

Answer 6

سيحدث ذلك إذا تجاوزت li في مكان ما في ملف css.على سبيل المثال ، إذا كان لديك ورقة أنماط أخرى بالمحتوى: Genacodicetagpre

لن تعمل.تأكد من عدم وجود تعارض.

Answer 7

حاول ترقية مكتبة jQuery الخاصة بك ، فقد حلت نفس المشكلة بالنسبة لي.

Answer 8

واجهت نفس المشكلة في مشروع .net (القائمة المنسدلة لا تظهر على الإطلاق) ، ولكن عينات التمهيد الرسمية عملت بشكل جيد.أدت ترقية مكتبة jQuery في مشروعي من 1.6.1 إلى 1.8.2 إلى حل المشكلة.