Question

我有一个＆＃34; test.html＆＃34;因为我有这个竞争（整个html文件都有这种竞争）。

<h1>First page</h1>

我需要在我的div中加载那个具有id =＆＃34;竞争＆＃34;使用Marionette .js

<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/

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

2 个答案: