javascript - Backbone JS 点击事件处理程序不起作用

标签 javascript backbone.js onclick eventhandler

我试图将点击事件处理程序添加到我的 Backbone javascript 文件中。但它显示错误:“未捕获类型错误:无法读取未定义的属性‘html’。” 这是代码。任何帮助,将不胜感激。 main.js 文件

    var Song = Backbone.Model.extend();

var SongView = Backbone.Model.extend({
events: {
    "click": "onClick",
    "click .bookmark": "onClickBookmark"
},
onClick: function(){
    console.log("Listen Clicked");
},

onClickBookmark: function(e){
    e.stopPropagation();

    console.log("Bookmark Clicked");
},

render: function(){
this.$el.html(this.model.get("title") + " <button>Listen</button> <button class='bookmark'> Bookmark</button>");

    return this;
}
 });

 var song = new Song({title: "sky is sdv sv"});

 var songView = new SongView({el: "#container", model: song});
 songView.render();

最佳答案

var SongView = Backbone.Model.extend({

应该是

var SongView = Backbone.View.extend({

关于javascript - Backbone JS 点击事件处理程序不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58427297/

相关文章:

javascript - 转义单引号中的单引号和双引号中的单引号

javascript - Node .js : make http calls in for loop

javascript - Marionette.js ItemView - 将 subview 放入区域

jquery - Backbone : getting the view element that triggered an event

javascript - native javascript 单击 dom 元素

javascript - 中文 URL 编码问题

javascript - 在 Backbone.fetch() 中寻找一些代码的解释

javascript - 创建按钮 onclick 函数以充当箭头键的作用

javascript - 使用 React 处理的 onClick 创建 anchor

javascript - 如何计算输入的字符数及其操作?