Раскрывающееся меню начальной загрузки не выпадает - PullRequest
Новая
       54

Раскрывающееся меню начальной загрузки не выпадает

0 голосов
/ 20 сентября 2018

У меня немного неприятностей.Я не могу заставить это выпадающее меню работать, я прочитал и прочитал и не могу найти решение.Он просто ничего не делает, не выпадает.Я был бы рад, если бы кто-то мог оказать мне небольшую помощь. 

<div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Quem Sou?</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Exercício 1</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Exercício 2</a>
            </li>
            <li class="nav-item dropdown">
               <button class="btn nav-item dropdown-toggle" id="dropdownMenuButton" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   Dropdown
               </button>
               <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                   <a class="dropdown-item" href="#">Action</a>
                   <a class="dropdown-item" href="#">Another action</a>
                   <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="#">Exercício 3</a>
            </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
        </form>
    </div>

РЕДАКТИРОВАТЬ: Вот мой заголовок, так как вы все ссылаетесь на меня, чтобы иметь ссылки 

<head>
    <meta charset="UTF-8">
    <link href="styles.css" type="text/css" rel="stylesheet">
    <title>Ana Rodrigues</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-grid.css">
    <link rel="stylesheet" href="css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="css/bootstrap-reboot.css">
    <link rel="stylesheet" href="css/bootstrap-reboot.min.css">
    <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Just+Another+Hand" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

Ответы [ 3 ]

0 голосов
/ 21 сентября 2018

Импортируете ли вы Bootstrap JS & jQuery в свой проект? 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://getbootstrap.com/docs/4.0/dist/js/bootstrap.min.js"></script>
0 голосов
/ 21 сентября 2018

Убедитесь, что вы включили все файлы Javascript, необходимые для правильной работы всех ваших компонентов начальной загрузки, как и сказал @saeed, по ссылке вы найдете следующее:

"Раскрывающиеся страницы созданы сторонними разработчиками.библиотека, Popper.js, которая обеспечивает динамическое позиционирование и определение области просмотра. Обязательно включите popper.min.js перед JavaScript Bootstrap или используйте bootstrap.bundle.min.js / bootstrap.bundle.js, который содержит Popper.js. Popper.jsне используется для позиционирования выпадающих списков в панелях навигации, хотя динамическое позиционирование не требуется.

Если вы создаете наш JavaScript из исходного кода, он требует util.js. "

Редактировать:

Вы убедились, что включили JS-файл jquery?

0 голосов
/ 21 сентября 2018

Загляните на этот веб-сайт, и вы обнаружите проблему: https://getbootstrap.com/docs/4.0/components/dropdowns/
Не забудьте добавить загрузочный заголовок в заголовок, иначе вы могли забыть загрузить загрузочные файлы и использовать свой код.Также вы должны быть подключены к Интернету, если вы используете его в заголовке.

...