backbone.js - 导入 Backbone.js 时出错

Question

我刚开始在网上学习 Backbone ebook .

但由于我真的不明白导入错误，我坚持创建 ToDo 应用程序......

我从 Backbone Official Website 下载 Backbone.js 和 backbone-min.js

在我的 index.html 中，我尝试导入 Backbone 或 Backbone-min.js，并在 Firebug 控制台中得到以下结果:

导入 Backbone.js

<script src="js/lib/zepto.min.js"></script>
<script src="js/lib/underscore.js"></script>
<script src="js/lib/backbone.js"></script>

TypeError: this.$el.off is not a function
backbone.js line 1325 : this.$el.off('.delegateEvents' + this.cid);

导入 Backbone-min.js

<script src="js/lib/zepto.min.js"></script>
<script src="js/lib/underscore.js"></script>
<script src="js/lib/backbone-min.js"></script>

TypeError: this.listenTo is not a function
app.js line 34 : this.listenTo(app.Todos, 'add', this.addOne);

app.js 指的是 this backbone view , 以下是此 View 的代码摘录:

initialize: function() {
  this.allCheckbox = this.$('#toggle-all')[0];
  this.$input = this.$('#new-todo');
  this.$footer = this.$('#footer');
  this.$main = this.$('#main');

  this.listenTo(app.Todos, 'add', this.addOne);
  this.listenTo(app.Todos, 'reset', this.addAll);
  this.listenTo(app.Todos, 'change:completed', this.filterOne);
  this.listenTo(app.Todos,'filter', this.filterAll);
  this.listenTo(app.Todos, 'all', this.render);

  app.Todos.fetch();
},

如果您已经遇到过此类问题...我不得不承认我真的不明白为什么我在尝试导入主干时出现错误，而且我还不够熟练，无法理解 ListenTo 函数的问题。 .

Answer 1

您必须包括 underscore.js Backbone 之前:

<script src="underscore-min.js"></script>
<script src="backbone-min.js"></script>

http://backbonejs.org/说:

Backbone's only hard dependency is either Underscore.js ( >= 1.4.3) or Lo-Dash. For RESTful persistence, history support via Backbone.Router and DOM manipulation with Backbone.View, include json2.js, and either jQuery ( >= 1.7.0) or Zepto.

此外，如果你想使用jQuery代码中的选择器 ($)，也包括 jQuery。