Akhil Chauhan Akhil Chauhan - 7 months ago 5
HTML Question

Uncaught: Bootstrap's JavaScript requires jQuery

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>

Answer

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

Comments