Backbone Marionette - 在布局扩展调用时抛出错误

时间:2014-09-06 11:34:55

标签: jquery backbone.js marionette

在我的应用中,我使用Marionette扩展Backbone。我得到的第一个错误是:

Uncaught TypeError: Cannot read property 'extend' of undefined 

我正在尝试使用此脚本将我的标题和内容与页脚附加到包装元素...

但根本不工作......

这样做的正确方法是什么?

模板:

<div id="wrapper"></div>
<script id="layout-template" type="text/template">   
    <section>     
        <navigation id="menu">ABC</navigation>     
        <article id="content">123</article>   
    </section> 
</script>

脚本:

AppLayout = Backbone.Marionette.Layout.extend({ 
    template: "#layout-template",
    regions: { 
        menu: "#menu", 
        content: "#content"
    } 

});

var layout = new AppLayout(); 
$('#wrapper').html(layout.render().el);

以下是Live Demo

任何人都帮我把所有元素渲染成包装好吗?

1 个答案:

答案 0 :(得分:2)

你应该这样使用:

AppLayout = Backbone.Marionette.LayoutView.extend({ 
    template: "#layout-template",
    regions: { 
        menu: "#menu", 
        content: "#content"
    } 

});

正如Kyle Needham所说,改变Layout的{​​{1}}。