Не выходит подключить owlCarousel в проект

172
02 июня 2018, 03:10

Сайт на Laravel, фронт собирается webpack'ом.

На странице с каруселькой ошибка:

Uncaught TypeError: $(...).owlCarousel is not a function

До этого часто использовал эту карусель на простых html проектах. Такая ошибка вываливалась только когда обращался к карусели до ее подключения.

Как подключал:

1) npm install --save owl.carousel

2) в app.js: import 'owl.carousel';

3) там же:

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

Причем, если проинспектировать код страницы то сама карусель есть в собранном app.js как и ее подключение. Даже таймаутом подрубал ее секунд через 5 после загрузки страницы, все равно выдает эту ошибку.

Скелет наипростейший:

<div class="owl-carousel">
    <div>
        <a href="#tab1">Описание</a>
    </div>
    <div>
        <a href="#tab2">Характеристики</a>
    </div>
    <div>
        <a href="#tab3">Гарантии</a>
    </div>
    <div>
        <a href="#tab4">Вопрос-ответ</a>
    </div>
</div>
READ ALSO
скрыть/показать текст с помощью jquery

скрыть/показать текст с помощью jquery

Всем привет, возможно вопрос и глупый но никак не могу понять одну вещьвот пример html

209
С# WinForms, Окно без рамки, Проблема с BorderTop

С# WinForms, Окно без рамки, Проблема с BorderTop

Убрал системное меню и тайтел у формы, но оставил рамку sizable(для того, чтобы можно было изменять размер)

174
Что такое Interface в C#? [дубликат]

Что такое Interface в C#? [дубликат]

На данный вопрос уже ответили:

207
Почему QualitySettings ругается на names? И на GetQualityLevel?

Почему QualitySettings ругается на names? И на GetQualityLevel?

Почему QualitySettings ругается на names? И на GetQualityLevel?

186