当脚本标签是body标签之间，我的脚本正常工作。但是，如果我将所有脚本标记移动到head，它们将停止工作。我很困惑，为什么。这种行为是否有任何理由？谢谢大家的时间和帮助！
编辑：APP
(function($){
Backbone.sync = function (method, model, success, error){
success();
};
var Item = Backbone.Model.extend({
defaults: {
part1: 'Hello',
part2: 'World'
}
});
var ItemList = Backbone.Collection.extend({
model: Item
});
var ItemView = Backbone.View.extend({
tagName: 'li',
events: {
'click .swap': 'swap',
'click .remove': 'remove'
},
initialize: function(){
_.bindAll(this, 'render', 'unrender', 'swap', 'remove');
this.model.bind('change', this.render);
this.model.bind('remove', this.unrender);
},
render: function(){
$(this.el).html(_.template($('#list_tmpl').html(), this.model.toJSON()));
return this;
},
unrender: function(){
$(this.el).remove();
},
swap: function(){
var swapped = {
part1: this.model.get('part2'),
part2: this.model.get('part1')
};
this.model.set(swapped);
},
remove: function(){
this.model.destroy();
}
});
var AppView = Backbone.View.extend({
el: $('body'),
events: {
'click #add': 'addItem'
},
initialize: function(){
this.counter = 0;
_.bindAll(this, 'render', 'addItem', 'appendItem');
this.collection = new ItemList();
this.collection.bind('add', this.appendItem);
this.render();
},
render: function(){
$(this.el).append("Add Item");
$(this.el).append("
},
addItem: function(){
this.counter++;
var item = new Item();
item.set({
part2: item.get('part2') + this.counter
});
this.collection.add(item);
},
appendItem: function(item){
var itemView = new ItemView({
model: item
});
$('#todoList', this.el).append(itemView.render().el);
}
});
var Tasker = new AppView();
})(jQuery);
2012-09-11
Hirvesh
+0
首先删除''因为你正在混合https和http。其次，将'app.js'代码添加到您的问题中，因为我相信这存在您的问题。 –
+0
可以发布app.js以便我们检查出来 –
+0
已添加Le app.js :-) –
扫一扫
838
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
