事件顺序 Backbone.Marionette.Application.addInitializer 和 $(document).read()

Question

试图了解启动事件...

所以我为此创建了一个小提琴http://jsfiddle.net/erichbschulz/59cDq/

这个：

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");  
});
$(document).ready(function(){
  console.log("$(document).ready");
  MyInnerApp.start();
});
MyOuterApp.start();
console.log("end of file");  

我发现木偶代码在 $(document).ready() 之前触发...但总是这样吗？

$(document).ready() 在木偶应用中的作用是什么？

编辑：感谢 Bryan 提及初始化：updated fiddle

Answer 1

你可能早就解决了这个问题...

本质上，Marionette 应用和$(document).ready() 之间没有任何关系。

$(document).ready() 是在 DOM 完全加载时触发的回调。但是，如果您将 js 加载到 html document 的底部，则不需要它。

如果由于某种原因你不能将你的 js 移动到 html 文档的底部，那么你需要运行任何依赖于 DOM 的代码（例如对 .render() 的调用）在$(document).ready()回调。

Answer 2

addInitializer() 在应用程序初始化时运行 (MyInnerApp = new Backbone.Marionette.Application())。还有其他可以使用的应用程序事件:after 应用程序已初始化或已启动。

https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.application.md#application-event

MyInnerApp.on("initialize:after", function(){
  console.log("MyInnerApp initialize:after");  
});

MyInnerApp.on('start', function(){
  console.log("MyInnerApp start");  
});

http://jsfiddle.net/bryanbuchs/uMTnv/