2014-01-18 14 views
1

Право, я работаю над сайтом для друга, и я пытаюсь заставить работать карусель. Однако, похоже, что бы я ни старался.Owl Carousel вообще не работает

Markup: http://pastebin.com/PjftpnJx

структура папок:

Folder structure

Файлы Owl CSS были их расширение изменено на .less и включены в основной МЕНЬШЕ файл, который я компилировать в CSS, что означает что файлы есть.

+0

Проверьте ошибки на вашем компьютере. – j08691

+0

Только ошибка, которую я получаю, это 'Uncaught ReferenceError: $ не определен index.html: 42 (анонимная функция)' Что кажется странным, учитывая, что я использую jQuery – Ariviie

+0

Вы уверены, что путь верен? – j08691

ответ

7

Нашел вашу проблему, вы не поверите, насколько это просто. Вы просто забыли включить Owl Carousel STYLESHEET

<link rel="stylesheet" href="owl-carousel/owl.carousel.css"> 
<link rel="stylesheet" href="owl-carousel/owl.theme.css"> 

Working Demo Here

Edit: проблема JQuery версия, не работает с 10.2, понижаем до 10,1 работ.

+0

Теперь это странно, учитывая, что я включил его в файл LESS, который скомпилирован в hhs2.css http://qs.lc/vextor/9zl.png – Ariviie

+0

попробуйте разделить их и посмотреть, работает ли он – Godinall

+1

Похоже, нет. http://qs.lc/vextor/w8h.png – Ariviie

1

У меня была та же проблема с OWL Carousel, которая не работает на IE и Chrome.

Я исправил это путем замены старой версии с новейшим: http://www.owlcarousel.owlgraphic.com/index.html

Теперь Prev/Next кнопки, Прокрутка перетаскивание и Автопереход работа над IE и Chrome.