如何在 Marionette .js + 骨干中加载 html 文件？

Question

我有一个“test.html”，因为我有这个竞争（整个 html 文件都有这个竞争）。

<h1>First page</h1>

我需要使用 Marionette .js 在 id ="contend" 的 div 中加载该竞争

<div id="contend">


    </div>

你能告诉我我会怎么做吗？ 小提琴： http://jsfiddle.net/JQu5Q/16/

   $(document).ready(function(){
            var ContactManager = new Marionette.Application();
            ContactManager.addRegions({
                mainRegion:"#contend"
            })

            ContactManager.on("start", function(){
                console.log("ContactManager has started!");


            });

            ContactManager.start();

         // router 
             var routers =  Backbone.Router.extend({
            routes: {
                "": "showFirstPage"
            },
            showFirstPage:function(){

            }
            })

             var ToolItemView = Backbone.Marionette.ItemView.extend({

                template: '<div>hello</div>',



            });

        })

Answer 1

如果要通过 Backbone.router 显示视图，只需将 Marionette 应用程序传递给路由器即可。

var routers = new Router({app: ContactManager})

demo

Answer 2

实例化视图，并在区域中显示：

var toolItemview = new ToolItemView(); 
ContactManager.mainRegion.show(toolItemview); 

http://jsfiddle.net/JQu5Q/17/