为什么这个.$ el给出了未定义的错误,但$(this.el)在Backbone视图中的render函数内部工作?

kus*_*lip 2 javascript backbone.js backbone-views

我对于几乎没有javaScript经验的backbone.js很新.我在这里和那里尝试各种骨干教程.例如,从本教程我试图学习

骨干宝贝步骤

在上面的大多数教程中,他们使用以下代码Backbone.View.extend在html模板中设置模型,然后渲染它,

render: function() {
    var tmpl = _.template(this.template);
    this.$el.html(tmpl(this.model.toJSON()));
    return this;
    }
Run Code Online (Sandbox Code Playgroud)

但是当我在chrome调试器中运行代码时,它说这this.$el是未定义的.我搜索了很多,但没有得到解决方案,然后我自己修改了代码,它工作,

$(this.el).html(tmpl(this.model.toJSON()));
Run Code Online (Sandbox Code Playgroud)

我使用cdnjs托管库作为主干,下划线和jquery.

我想知道为什么互联网上的每个骨干教程都在使用this.$el版本,但它对我不起作用?

而且,当我使用教程提供的库(主干,下划线等)文件而不是托管文件时,chrome调试器会在库中出现各种错误,为什么?

Cyc*_*one 8

根据文档中指定的更改日志,$el属性 - a cached jQuery (or Zepto) reference to the view's element已添加到版本中0.9.0.尝试升级backbone您使用的版本0.9.0或更高版本.它应该在那之后工作.