Explorting Backbone.Marionette application events

explore the order of start up events in Marionette apps

by erichbschulz

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.marionette/master/lib/backbone.marionette.js"></script>
<pre>
The purpose of this page is to explore the order of start up events in 
Marionette apps
    
Turn on the console to see the order of things. (Often this is ctrl-shift-K.)
    
This page starts two Marionette apps:

* MyInnerApp starts within a $(document).ready block
* MyOuterApp starts as the script runs

-------------------------------------------------------------------------------
</pre>

JavaScript

console.log("starting");  
MyInnerApp = new Backbone.Marionette.Application();
MyOuterApp = new Backbone.Marionette.Application();
MyInnerApp.addInitializer(function(options){
  console.log("MyInnerApp initializer running");  
});
MyOuterApp.addInitializer(function(options){
  console.log("MyOuterApp Initializer running");  
});
MyInnerApp.on('start', function(options){
  console.log("MyInnerApp start");  
});
MyInnerApp.on("initialize:after", function(options){
  console.log("MyInnerApp initialize:after");  
});
MyOuterApp.on("initialize:after", function(options){
  console.log("MyOuterApp initialize:after");  
});
$(document).ready(function(){
  console.log("$(document).ready");
  MyInnerApp.start();
});
MyOuterApp.start();
console.log("end of file");