Выпадающее меню Twitter Bootstrap 2 не работает
-
27-10-2019 - |
Вопрос
Доброго времени суток! Я пытаюсь реализовать выпадающее меню из примеров на моем сайте.Но это не работает (выпадающее меню вообще не отображается).Включил все необходимые файлы js и css, разметка такая же, как в документации.
Вы видите, что я делаю неправильно?
родовое словоБольшое спасибо.
Решение
Проблема заключалась в отсутствии блока js в html-файле, необходимом для определенной функции.
Отсутствующий бит кода:
родовое словоДругие советы
Вы неправильно привязываете свою основную навигационную ссылку к раскрывающемуся списку, попробуйте следующее:
родовое словоЯ обычно забывал об одном из этих:
- правильный HTML
- ссылка на jquery.js и bootstrap-dropdown.js
- проверка правильности привязки (это кажется лишним, но, безусловно, помогло мне)
- вызов раскрывающегося списка: $ ('. dropdown-toggle'). dropdown ()
Я знаю, что это может показаться глупым, но когда вы просматриваете исходный код (щелкнув правой кнопкой мыши), правильны ли адреса файлов JavaScript?Возможно, {{STATIC_URL}} неверен.Попробуйте скопировать и вставить адреса из источника в адресную строку.Убедитесь, что вы действительно видите содержимое файлов JavaScript.
Я столкнулся с той же проблемой.Комментирование ссылки на bootstrap-dropdown.js разрешило ее.Мне нужен был только bootstrap.min.js
Это произойдет, если вы переопределите li где-нибудь в своем CSS.Например, если у вас есть другая таблица стилей с содержимым:
родовое словоЭто не сработает.Убедитесь, что нет конфликта.
Попробуйте обновить свою библиотеку jQuery, она решила ту же проблему для меня.
Была такая же проблема с проектом .net (раскрывающееся меню вообще не отображалось), однако официальные образцы начальной загрузки работали нормально.Обновление библиотеки jQuery в моем проекте с 1.6.1 до 1.8.2 решило проблему.