Импорт адаптивной панели навигации JQuery не работает
Я пытаюсь сделать панель навигации отзывчивой, но это не работает. Я использовал JQuery от Google, но, поскольку я сейчас нахожусь в Китае, он не работает. Поэтому я скопировал содержимое файла JQuery в файл с именем jquery-3.3.1.min.js, который я сохранил в том же каталоге, что и мой файл заголовка.
Он по-прежнему не открывается с моего телефона. Прилагаю код ниже:
<head>
<script src = "jquery-3.3.1.min.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<title>International Corporate Finance</title>
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href = "https://fonts.googleapis.com/css?family=Montserrat" rel = "stylesheet" type = "text/css">
<link href = "https://fonts.googleapis.com/css?family=Lato" rel = "stylesheet" type = "text/css">
</head>
<!-- NAVBAR -->
<body id = "myPage" data-spy = "scroll" data-target = ".navbar" data-offset = "60">
<nav class = "navbar navbar-default navbar-fixed-top">
<div class = "container">
<div class = "navbar-header">
<button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "#myNavbar">
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<a class = "navbar-brand" href = "#myPage">Pippo</a>
</div>
<div class = "collapse navbar-collapse" id = "myNavbar">
<ul class = "nav navbar-nav navbar-right">
<li><a href = "http://ec2-13-133-18-154.aws.com/Actions.php">Actions</a></li>
<li><a href = "http://ec2-13-133-18-154.aws.com/Actions.php/CompaniesInput.php">New Companies</a></li>
<li><a href = "http://ec2-13-133-18-154.aws.com/Actions.php/AllCompanies.php">View Companies</a></li>
<li><a href = "http://ec2-13-133-18-154.aws.com/Actions.php/Search.php">Search Companies</a></li>
<li><a href = "http://ec2-13-133-18-154.aws.com/">CONTACT</a></li>
</ul>
</div>
@kag, Собственно да: "подано на загрузку ресурса: сервер ответил статусом 404 jquery-3.3.1.min.js". Но файл есть, я не знаю, правильно ли я делаю, но я вставил в текстовый файл это: [ссылка] code.jquery.com/jquery-3.3.1.min.js
так понятно. Вам просто нужно обновить правильный путь к вашему файлу.
Ответы 2
похоже, что вы выбрали неверный путь. Убедитесь, что ваш файл jquery.min.js - это правильный путь. Если вы можете опубликовать изображение своей структуры папок, мы будем рады помочь вам, если проблема не исчезнет. Кроме того, другим решением было бы использовать вместо этого cdn. Пример: <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Привет, я не могу использовать репозиторий Google для JQuery, потому что я нахожусь в Китае и не могу получить к нему доступ. Мой путь - ../www/html/header.php, а файл находится в каталоге html согласно инструкциям, приведенным здесь w3schools.com/jquery/jquery_get_started.asp
Я обошел проблему, используя Microsoft CDN
<head>
<script src = "https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>
есть ли ошибка в консоли?