javascript - Owl Carousel not working at all - Stack Overflow

admin管理员组

文章数量:1340880

Right, I'm working on a site for a friend, and I'm trying to get a carousel working. However, seemingly, no matter what I try.

Markup:

Folder structure:

The Owl CSS files had their extension changed to .less and are included inside the main LESS file which I pile into CSS, which means that the files are there.

Right, I'm working on a site for a friend, and I'm trying to get a carousel working. However, seemingly, no matter what I try.

Markup: http://pastebin./PjftpnJx

Folder structure:

The Owl CSS files had their extension changed to .less and are included inside the main LESS file which I pile into CSS, which means that the files are there.

• javascript
• jquery
• html
• owl-carousel

Share Improve this question Follow edited May 6, 2014 at 15:35 Joshua Taylor 85.9k99 gold badges162162 silver badges364364 bronze badges asked Jan 18, 2014 at 16:22 user3210253user3210253 12

• Check your browser's console for errors. – j08691 Commented Jan 18, 2014 at 16:23
• Only error I get is Uncaught ReferenceError: $ is not defined index.html:42 (anonymous function) Which seems odd considering I'm using jQuery – user3210253 Commented Jan 18, 2014 at 16:25
• Are you sure the path is correct? – j08691 Commented Jan 18, 2014 at 16:25
• Should be, considering the fact that in Chrome's dev tools I can click on the links, and other sites I've made uses a similar syntax. – user3210253 Commented Jan 18, 2014 at 16:27
• 1 the error means jquery is not loaded. use developer tool to check the jquery link and see if you get it – Godinall Commented Jan 18, 2014 at 16:30

 |  Show 7 more ments

2 Answers 2

Sorted by: Reset to default 7

Found your problem, you won't believe how simple. You just forgot to include the 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: the problem is jQuery version, not working with 10.2, downgrade to 10.1 works.

I had the same problem with OWL Carousel not working on IE and Chrome.

I've fixed it by replace the old version with the newest : http://www.owlcarousel.owlgraphic./index.html

Now, Prev/Next buttons, Scroll-Drag and Auto-advance work on IE and Chrome.

本文标签： javascriptOwl Carousel not working at allStack Overflow