Uncaught: Bootstrap's JavaScript requires jQuery

Question

I have included jquery and bootstrap.min.js file in my footer section or it means i have my all script tag at the bottom of the code. But when i am loading my page the browser console throw an error says : Uncaught Error: Bootstrap's JavaScript requires jQuery. I am including these files locally like below:-

</footer>
<script src="http://127.0.0.1/ems_ci/assets/js/jquery.js" type="text/javascript"></script>
<script src="http://127.0.0.1/ems_ci/assets/js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>

are you sure the path http://127.0.0.1/ems_ci/assets/js/jquery.js is valid — Arun P Johny
– Arun P Johny, Commented Apr 23, 2016 at 6:32
what does pasting this in the browser console show: if (window.jQuery) { console.log('jQuery is loaded'); } else { console.log('jQuery is not loaded'); } — Mark Schultheiss
– Mark Schultheiss, Commented Apr 23, 2016 at 6:47
try to give a better link to your js file. The link may be broken, that's a common issue that you get. Just try to look into it thank you. — Sus Hill
– Sus Hill, Commented Apr 23, 2016 at 6:48
I have both jquery/bootstrap file in order like -- <script src="<?php echo base_url(); ?>assets/js/jquery.js" type="text/javascript"></script> -- <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js" type="text/javascript"></script> </body> </html> — Akhilesh Kumar
– Akhilesh Kumar, Commented Apr 23, 2016 at 6:54

Enrico · Accepted Answer · 2016-04-23 06:38:10Z

1

It's uncommon to use localhost or 127.0.0.1 for a file path. Use relative path instead.

Regarding script position: you can leave them in the footer, that will speed up page loading, but make sure any JavaScript code you execute is AFTER jquery/bootstrap in the dom. And don't forget to wrap your code inside a document ready jquery function

answered Apr 23, 2016 at 6:38

Enrico

4186 silver badges13 bronze badges

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

2 Comments

Akhilesh Kumar Over a year ago

@Enrico- I have my files like -- <script src="<?php echo base_url(); ?>assets/js/jquery.js" type="text/javascript"></script> <script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js" type="text/javascript"></script> </body> </html>

Enrico Over a year ago

Are you doing that in purpose? Also, i suppose that will not work, Because 127.0.0.1 will look for jquery on the client machine, not the server

Luckas Holanda · Accepted Answer · 2016-04-23 15:36:34Z

0

To begin, you must change the location of the tag 'script' into the tag 'head'. after this, you must change the location of your javascript scripts to your project directory. Finally, you change the value of the 'src' attribute to: Ex:

src="../js/jquery.js"
src="../js/bootstrap.min.js"

answered Apr 23, 2016 at 15:36

Luckas Holanda

1

Collectives™ on Stack Overflow

Uncaught: Bootstrap's JavaScript requires jQuery

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related