CODEWITHSUNDEEP
javascriptphpjqueryhtmltwitter-bootstrap
Akhilesh Kumar
Akhilesh Kumar

Reputation: 69

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>

Upvotes: 0

Views: 570

Answers (2)

Luckas Holanda
Luckas Holanda

Reputation: 1

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"

Upvotes: 0

Enrico
Enrico

Reputation: 418

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

Upvotes: 1

Related Questions