backbone添加事件报错?

发布于 2022-09-04 08:40:30 字数 1667 浏览 9 评论 0

    <script>
        var obj1 = {
            "title": "til1",
            "desc": "this is one"
        }
        var obj2 = {
            "title": "til2",
            "desc": "this is two"
        }

        var MyObj = Backbone.Model.extend({});
        var myobj1 = new MyObj(obj1);
        var myobj2 = new MyObj(obj2);

        var MyView = Backbone.View.extend({
            tagName : "div",
            className: "d1",

            events : {
                'click button': 'handleClick'
            },
            initialize: function() {
                this.listenTo(this.model, "change", this.render);
                this.listenTo(this.model, "destory", this.remove);
            },
            render: function() {
                var json = this.model.toJSON();
                this.$el.html('<p>'+ json.title +'</p><p>' + json.desc + '</p><button>delete</button>');
                return this;
            },
            handleClick : function() {
                this.model.destroy();
            }
        });
        var myview1 = new MyView({
            model : myobj1
        });
        var myview2 = new MyView({
            model : myobj2
        });
        myview1.render().$el.appendTo($("body"));
        myview2.render().$el.appendTo($("body"));
    </script>

代码如上,报的错误是这样的:
图片描述

如果我把这行代码去除就没有问题

events : {
                'click button': 'handleClick'
            },

难道是用字符串的方式指定函数名有错误吗?不知道是什么原因?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

抹茶夏天i‖ 2022-09-11 08:40:30

Backbone.js 依赖jQuery 和Underscore.js的,没引入吧。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文