Странно работает owl-carousel?

Question

[NewBeHere]

Здравствуйте. Подключил owl-carousel, все пути работают правильно, все настройки дефолтные. Вот структура:

<div class="owl-carousel owl-theme">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
        <img src="img/1.jpg" alt="asd">
  </div>

А на деле отображаются следующим образом:
Просто идут друг под другом как один item
Вот скриншот. Второй и третий item просто пустуют. В чем проблема?

Comments

[Ankhena]

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

[NewBeHere]

Ankhena, в общем, поискав проблему , таки нашел. У меня есть отдельный файл css для подключения всех сторонних библиотек. Убрав оттуда owl-carousel и прописав ее по старинке в html все заработало. Странно, остальные библиотеки работают. Не знаете в чем тут может быть дело?

[Ankhena]

NewBeHere, не видя кода - точно нет

[Андрей Котосин]

NewBeHere, Может быть просто конфликт стилей какой ни будь?

[NewBeHere]

Ankhena, Андрей Котосин, все, заработало, оказывается у меня prepros не сохранял изменения main.sass - файл, где хранились все пути к библиотекам

Answer 1

[Андрей Котосин]

jquery подключен? До owl-carousel? И сразу вторая мысль - попробуйте использовать разные изображения, возможно из за этого. И еще вопрос сразу - запускаете так: $(".owl-carousel").owlCarousel(); ?

Comments

[NewBeHere]

JQuery подключен до owl-carousel
Взял разные изображения - ничего не поменялось
Запускаю именно так, как вы написали