Почему может не работать owl carousel?

Question

[Петр Волханов]

Всем привет!

Почему может не работать owl carousel? В head подключаю стиль owl carousel вот так:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css" integrity="sha256-AWqwvQ3kg5aA5KcXpX25sYKowsX97sTCTbeo33Yfyk0=" crossorigin="anonymous" />

Ниже перед закрывающимся тегом body я подключаю javascript:

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js" integrity="sha256-s5TTOyp+xlSmsDfr/aZhg0Gz+JejYr5iTJI8JxG1SkM=" crossorigin="anonymous"></script>

Но когда я HTML элементам добавляю класс owl-carousel, элемент просто исчезает. При этом в консоле нет никаких JS ошибок. В чем может быть проблема?

Comments

[Иван]

Почему может не ехать машина?
Вариантов вагон.

[Ankhena]

Там еще был theme.css или owl.theme.css, забыла как точно

Answer 1

[Mary Солнечная]

а вы инициализировали сам плагин карусельки?

типа таво:

$(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});

Comments

[Петр Волханов]

Mary Солнечная нет ;-)

[Mary Солнечная]

Ну ничего страшного, бывает)

Answer 2

[Максим Тимофеев]

В консоле ошибки есть? jquery подключен? 1 раз подключен? Не подключен ли после owl? И еще 3000 вопросов, но проще если ссылку дадите или ошибки из консоли.

Comments

[Петр Волханов]

Максим Тимофеев jQuery подключен перед owl carousel, в консоле ошибок нет

[Максим Тимофеев]

Евгений Привалов: осталось 2998 вариантов.

Answer 3

[Алексей Иванов]

Если не ошибаюсь, то в head сайта нужно добавить что-то типа этого:

<style type="text/css">
        #slider, .slide {height: 300px; width: 100%;}
    </style>

Если этих стилей нет, то в моём случае высота блока была равна нулю. Может, дело в этом?

Answer 4

[Артур Карапетян]

Возможно, из-за

integrity="sha256-s5TTOyp+xlSmsDfr/aZhg0Gz+JejYr5iTJI8JxG1SkM=" crossorigin="anonymous"

Comments

[Петр Волханов]

Артур Карапетян пробовал удалить этот кусок, но тоже не работает ;-(