bxSlider not sliding and working

Question

My bxSlider is not working. I am not sure what I've done wrong. I've included all the required files and linked them correctly but it's still not doing anything. Here's there link http://www.blueappleeye.com/staging/ Please help

isherwood · Answer 1 · 2015-05-11T20:17:28.320

0

You can see the following in your browser console:

Uncaught ReferenceError: jQuery is not defined

This leads you to the fact that you're loading your plugin before jQuery.

edited May 11 '15 at 20:17

answered May 11 '15 at 19:51

isherwood

58,414
16
114
157

I see no change on that site (and the same two errors). – isherwood May 11 '15 at 20:01
Please refresh again. – user0910 May 11 '15 at 20:12
Well, they're closer together, but they're still backwards. – isherwood May 11 '15 at 20:13
I've got them in this order: Which correct order should I use? – user0910 May 11 '15 at 20:16
I can plainly see that. As I said, you must load jQuery first. The plugins depend on it. – isherwood May 11 '15 at 20:16

score 0 · Answer 2 · answered May 11 '15 at 22:41

I see the css file in your header...

<link href="css/jquery.bxslider.css" rel="stylesheet" />

... but your jquery and bxslider js files are all the way at the bottom of your page. Load these within the <head> tags of your page.

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file // loaded locally onto your server -->
<script src="/js/jquery.bxslider.min.js"></script>

bxSlider not sliding and working

2 Answers2