Блог

Главная - Вопросы по программированию - Выпадающие меню загрузочного ремня не работают

Выпадающие меню загрузочного ремня не работают

#bootstrap-4

#bootstrap-4

Вопрос:

Я возился с этим несколько дней. Я что-то упускаю? Я не могу заставить выпадающее меню функционировать.

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src=" https://unpkg.com/@popperjs/core@2"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP VmmDGMN5t9UJ0Z" crossorigin="anonymous">

Выпадающая ссылка

Экшен
Другое действие
Здесь что-то еще

Комментарии:

1. Как выглядит код для вашего выпадающего меню? Все вышесказанное показывает, что вы включаете необходимые скрипты (возможно, за исключением того, совместим ли Bootstrap 4.x с этой старой версией jQuery). Нам нужно увидеть код вашего меню, если вы хотите, чтобы мы устраняли неполадки в вашем меню.

Ответ №1:

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C OGpamoFVy38MVBnE IbbVYUew OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU 6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV rV" crossorigin="anonymous"></script>
</body>
</html>

убедитесь, что таблица стилей находится в начале, а скрипты — в конце перед закрывающим тегом
Вот документация: https://getbootstrap.com/docs/4.5/getting-started/introduction/
Цитируется из документации:

Скопируйте и вставьте таблицу стилей в свою перед всеми другими таблицами стилей, чтобы загрузить наш CSS. Для работы многих наших компонентов требуется использование JavaScript. В частности, для них требуется jQuery, Popper.js , и наши собственные плагины JavaScript. Чтобы включить их, поместите следующие буквы s в конце ваших страниц, прямо перед закрывающим тегом. jQuery должен быть первым, затем Popper.js , а затем наши плагины JavaScript.