Почему модуль MarionetteJS получает undefined jQuery?

Question

У меня есть следующий код:

app.js

var AgencyUI = new Marionette.Application(); 

AgencyUI.addRegions({ 
    gridRegion: "#gridRegion" 
}); 

AgencyUI.on("initialize:after", function() { 
    AgencyUI.trigger("grid:loadGrid"); 
}); 

grid_app.js

AgencyUI.module('GridApp', function(GridApp, AgencyUI, Backbone, Marionette, $, _) { 
    var API = { 
     loadGrid: function(dateRange) { 
      GridApp.Show.Controller.loadGrid(dateRange); 
     } 
    }; 

    AgencyUI.on("grid:loadGrid", function(dateRange) { 
     API.loadGrid(dateRange); 
    }); 
}); 

show_controller.js

AgencyUI.module('GridApp.Show', function(Show, AgencyUI, Backbone, Marionette, $, _) { 
    Show.Controller = { 
     loadGrid: function(dateRange) { 
      // undefined 
      console.log($); 
     } 
    }; 
}); 

Почему JQuery ($) не определено?

Answer 1

Самое очевидное предположение: jQuery просто еще не загружен. Возможно, ссылки на скрипт добавляются в неправильном порядке или этот конкретный код выполняется до загрузки jQuery.