Почему этот простой слайдер контента не работает?

В настоящее время я пытаюсь реализовать ЭТОТ очень простой слайдер содержимого, однако это не так. работающий. Может кто-нибудь, пожалуйста, скажите мне, что я сделал неправильно здесь, поскольку я в недоумении.

Мой текущий код ниже.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 <!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="jquery.bxslider.css" rel="stylesheet" />
</head>

<body>
<script type="text/javascript">
 $(document).ready(function(){

$('.bxslider').bxSlider({
auto: true,
});
});
</script>

<div class="slider">
<ul class="bxslider">
<li><img src="images/slide1.png" /></li>
<li><img src="images/slide2.png" /></li>
<li><img src="images/slide3.png" /></li>
</ul></div>

</body>

Ошибки консоли, которые я получаю:

1. Не удалось загрузить ресурс: net::ERR_FILE_NOT_FOUND file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

2. Uncaught ReferenceError: jQuery не определен jquery.bxslider.min.js:10

3. Uncaught ReferenceError: $ не определено other.html:16


javascript slider jquery bxslider
person DanielNolan    schedule 14.10.2014    source источник
comment
вам не хватает http:// в атрибуте src.   -  person Prabhu Murthy    schedule 14.10.2014
comment
Используйте веб-сервер для своих страниц или добавьте схему http://.   -  person dfsq    schedule 14.10.2014
comment
возможный дубликат Jquery не будет загружаться, поскольку его невозможно найти   -  person Patrick Evans    schedule 14.10.2014
comment
@PatrickEvans, друг, нет дубликата, посмотрите, кто написал другой, это был не я :)   -  person DanielNolan    schedule 14.10.2014
comment
Вопросы, которые задают один и тот же вопрос, являются дубликатами, это не означает, что один и тот же человек задал один и тот же вопрос. Это должно указать, что вопрос был задан и ответил раньше.   -  person Patrick Evans    schedule 14.10.2014

Ответы (2)


arrow_upward
3
arrow_downward

Вы запускаете страницу локально. Пожалуйста, добавьте http://:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
person martynas    schedule 14.10.2014

arrow_upward
0
arrow_downward

Пожалуйста, найдите мой вклад, связанный с проблемами, с которыми вы столкнулись.

  1. Не удалось загрузить ресурс: net::ERR_FILE_NOT_FOUND file://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

Как указано выше, путь не содержит http: при запуске. Так что включите его в src скрипта.

  1. Uncaught ReferenceError: jQuery не определен jquery.bxslider.min.js:10

Убедитесь, что jquery.bxslider.min.js существует в корневом каталоге, где вы запускаете эту страницу.

  1. Uncaught ReferenceError: $ не определено other.html:16

Эта проблема обычно возникает, когда мы не включаем jquery.min.js в html перед использованием знака $. И в настоящее время этот файл js туда не включен.

Внесите эти изменения и запустите его снова. Это решит ваши проблемы.

person Ram Kumar    schedule 14.10.2014