Javascript 未绑定到事件的函数

我正在学习主干。木偶，这是一个尝试创建一个简单的应用程序，我在其中显示一些文本按钮点击

JS:

文本未显示，并且控制台中没有错误。

---

我在这里错过了什么？

我不明白你在这里的目标是什么

首先，您没有一个模板，通过该模板，

ItemView

“绘制”屏幕。其次，您的事件被捕捉到错误的位置。应该是

MyAppItemView

本身捕获事件（然后还可以更新模型）。例如，在我的示例中，

Hello

被附加到DOM中。未使用模型和集合

这里是一个简单的工作示例（），由Derick Bailey（）派生。后者使用了一个更完整的结构，应该是未来的发展方向

// HTML

<div id="container"></div>

<script type="text/html" id="sample-template">
    <button id="button">Button</button>
</script>

// JS

var MyApp = new Marionette.Application();

MyApp.addRegions({
    "mainRegion": "#container"
});

MyAppItemView = Marionette.ItemView.extend({    
    template: "#sample-template",

    events: {
        "click #button": "appendText" 
    },

    appendText: function() {
        $("#container").append("Hello");
    }
});

MyApp.addInitializer(function(){
    MyApp.mainRegion.show(new MyAppItemView());
});

MyApp.start();

//HTML
按钮
//JS
var MyApp=新的木偶.Application（）；
MyApp.addRegions({
“主区域”：“#容器”
});
MyAppItemView=Marionette.ItemView.extend（{
模板：“#样本模板”，
活动：{
“单击#按钮”：“追加文本”
},
appendText:function（）{
$（“#容器”）.append（“Hello”）；
}
});
MyApp.addInitializer（函数（）{
显示（新的MyAppItemView（））；
});
MyApp.start（）；

我真的建议读一下木偶的文档。您还可以在上查看/购买David Sulc一书，以掌握木偶背后的主要概念

// HTML

<div id="container"></div>

<script type="text/html" id="sample-template">
    <button id="button">Button</button>
</script>

// JS

var MyApp = new Marionette.Application();

MyApp.addRegions({
    "mainRegion": "#container"
});

MyAppItemView = Marionette.ItemView.extend({    
    template: "#sample-template",

    events: {
        "click #button": "appendText" 
    },

    appendText: function() {
        $("#container").append("Hello");
    }
});

MyApp.addInitializer(function(){
    MyApp.mainRegion.show(new MyAppItemView());
});

MyApp.start();