Error: Bootstrap's JavaScript requires jQuery

Question

When i run my site on mozilla i got this error above.Here some code snippet which might be helpful

<script src="http://www.iclubz.com/js/jquery.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<script src="http://www.iclubz.com/js/readmore.min.js"></script>

<script src="http://www.iclubz.com/js/chosen.jquery.js"></script>

<script src="http://www.iclubz.com/js/jquery.validate.min.js"></script>

<script src="http://www.iclubz.com/js/fileinput.min.js"></script>

But it's work fine on chrome.I don't know why this problem are showing.I'll helpful if anyone tell me the reason

Thanks in advance

Edited : i forgot to mention that all my javascript are called in the bollom of the page

Well, for one thing, you're including jQuery at least twice. It's not the problem, but it's a problem. — T.J. Crowder
– T.J. Crowder, Commented Aug 23, 2015 at 11:21

Ali Seyedi · Accepted Answer · 2016-05-06 12:05:11Z

17

Make sure to load jquery.js file before loading bootstrap. This solved my problem.

edited May 6, 2016 at 12:05

Ali Seyedi

1,8171 gold badge20 silver badges25 bronze badges

answered Dec 11, 2015 at 10:45

nikistag

7946 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

hadi Over a year ago

wow really really thanks. i had change the order of loading scripts thus having trouble with my data-toggles ... you saved me of hours of debugging

Hristo Georgiev · Accepted Answer · 2015-08-25 17:46:05Z

0

That error can only be caused by one of three things:

Your JavaScript file is not being properly loaded into your page
You have a botched version of jQuery. This could happen because someone edited the core file, or a plugin may have overwritten the $ variable.
You have JavaScript running before the page is fully loaded, and as such, before jQuery is fully loaded. You should check the Firebug net panel to see if the file is actually being loaded properly.

If not, it will be highlighted red and will say "404" beside it. If the file is loading properly, that means that the issue is number 2.

Make sure all javascript code is being run inside a code block such as:

$(document).ready(function () {
  //your code here
});

edited Aug 25, 2015 at 17:46

answered Aug 23, 2015 at 11:31

Hristo Georgiev

2,5191 gold badge19 silver badges23 bronze badges

1 Comment

Karl-Johan Sjögren Over a year ago

1.11.1 and 1.11.2 which are the ones included are not "very old" since the 1.x branch is still maintained. 1.11.2 is only about 6 months old. If you need to support IE 8 and below (which a lot of people still do) then you want the 1.x branch.

tayfun Kılıç · Accepted Answer · 2018-02-09 21:35:00Z

0

Your first load jquery.js(min) then boostrap load

<script src="/node_modules/bootstrap/dist/js/bootstrap.js"></script>

answered Feb 9, 2018 at 21:35

tayfun Kılıç

2,9531 gold badge16 silver badges14 bronze badges

2 Comments

Collin Barrett Over a year ago

Please provide a bit more explanation to accompany your answer.

tayfun Kılıç Over a year ago

Type js tag on boostrap(tag) <script src="/node_modules/jguery/dist/js/jguery.min.js"></script> <script src="/node_modules/bootstrap/dist/js/bootstrap.js"></script>

Collectives™ on Stack Overflow

Error: Bootstrap's JavaScript requires jQuery

3 Answers 3

1 Comment

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related