Ensure that a certain script loads before another script

Question

I can't get how the scripts in a page are loaded. I have jQuery plugins that depend on other scripts. I am using the timeago jQuery plugin. I have loaded this script in head in order:

  <script src="<?php echo base_url().'content/scripts/jqueryEngine/jquery.js' ?>" type="text/javascript"></script>  //jquery library
  <script src="<?php echo base_url().'content/scripts/timeago.js' ?>" type="text/javascript"></script>   //timeago
  <script src="<?php echo base_url().'content/scripts/myscript.js' ?>" type="text/javascript"></script>   // Custom scripts that contains ajax.

And in document ready I am initializing timeago. But this is not working for me. In the console, the browser shows timeago is not functioning. What I want is to ensure that timeago has already loaded before any other script runs. My scripts also contains multiple Ajax calls that rely on timeago.

Answer 1

The order of the script tags in your HTML basically determines the order of your scripts loading. So you have that setup correctly already.

A couple of points to help you debug your issue:

• Look at the developers console to see if time ago is actually loaded? or did you get a 404
• Still in the developer console, are there any errors reported? these cause your applications to not run as expected.

Based on the comments below, it seems that the file is not being loaded by the browser, and you need to be able to debug things like this using the chrome developer tools.