Javascript 主干未正确显示

我只是在学习backbone.js。我已经写了下面的例子，但它不起作用，为什么

它应该只在我的div元素中显示名称

(function($) {

    var Item = Backbone.Model.extend({
        urlRoot: '/api/camp/1/'
    });

    var ListView = Backbone.View.extend({

        el: '#reward_view',

        initialize: function() {
            _.bindAll(this, 'render'); // every function that uses 'this' as the current object should be in here


        },

        render: function() {
            console.log(this)
            $(this.el).html('<h1>Hello' + this.model.get('name') + '</h1>');
            return this; // for chainable calls, like .render().el
        }

    });

    var reward_view = new ListView();

})(jQuery);

（函数（$）{
var Item=Backbone.Model.extend({
urlRoot:“/api/camp/1/”
});
var ListView=Backbone.View.extend({
el:'奖励视图'，
初始化：函数（）{
_.bindAll（this，'render'）；//使用'this'作为当前对象的每个函数都应该在这里
},
render:function（）{
console.log（这个）
$（this.el）.html（'Hello'+this.model.get（'name'）+“”）；
返回此；//对于可链接调用，如.render（）.el
}
});
var retrease_view=new ListView（）；
})（jQuery）；

如果缺少模型的实例，则必须获取该模型并将其传递给视图，然后必须调用视图的渲染

(function($) {

var Item = Backbone.Model.extend({
    urlRoot: '/api/camp/1/'
});

var ListView = Backbone.View.extend({

    el: '#reward_view',

    initialize: function() {
        _.bindAll(this, 'render'); // every function that uses 'this' as the current object should be in here


    },

    render: function() {
        console.log(this)
        $(this.el).html('<h1>Hello' + this.model.get('name') + '</h1>');
        return this; // for chainable calls, like .render().el
    }

});
var myItem = new Item();
myItem.fetch();
var reward_view = new ListView({model:myItem});
reward_view.render();

})(jQuery);

（函数（$）{
var Item=Backbone.Model.extend({
urlRoot:“/api/camp/1/”
});
var ListView=Backbone.View.extend({
el:'奖励视图'，
初始化：函数（）{
_.bindAll（this，'render'）；//使用'this'作为当前对象的每个函数都应该在这里
},
render:function（）{
console.log（这个）
$（this.el）.html（'Hello'+this.model.get（'name'）+“”）；
返回此；//对于可链接调用，如.render（）.el
}
});
var myItem=新项目（）；
myItem.fetch（）；
var retrease_view=newlistview（{model:myItem}）；
奖励_view.render（）；
})（jQuery）；

如果缺少模型的实例，则必须获取该模型并将其传递给视图，然后必须调用视图的渲染

(function($) {

var Item = Backbone.Model.extend({
    urlRoot: '/api/camp/1/'
});

var ListView = Backbone.View.extend({

    el: '#reward_view',

    initialize: function() {
        _.bindAll(this, 'render'); // every function that uses 'this' as the current object should be in here


    },

    render: function() {
        console.log(this)
        $(this.el).html('<h1>Hello' + this.model.get('name') + '</h1>');
        return this; // for chainable calls, like .render().el
    }

});
var myItem = new Item();
myItem.fetch();
var reward_view = new ListView({model:myItem});
reward_view.render();

})(jQuery);

（函数（$）{
var Item=Backbone.Model.extend({
urlRoot:“/api/camp/1/”
});
var ListView=Backbone.View.extend({
el:'奖励视图'，
初始化：函数（）{
_.bindAll（this，'render'）；//使用'this'作为当前对象的每个函数都应该在这里
},
render:function（）{
console.log（这个）
$（this.el）.html（'Hello'+this.model.get（'name'）+“”）；
返回此；//对于可链接调用，如.render（）.el
}
});
var myItem=新项目（）；
myItem.fetch（）；
var retrease_view=newlistview（{model:myItem}）；
奖励_view.render（）；
})（jQuery）；

如果缺少模型的实例，则必须获取该模型并将其传递给视图，然后必须调用视图的渲染

(function($) {

var Item = Backbone.Model.extend({
    urlRoot: '/api/camp/1/'
});

var ListView = Backbone.View.extend({

    el: '#reward_view',

    initialize: function() {
        _.bindAll(this, 'render'); // every function that uses 'this' as the current object should be in here


    },

    render: function() {
        console.log(this)
        $(this.el).html('<h1>Hello' + this.model.get('name') + '</h1>');
        return this; // for chainable calls, like .render().el
    }

});
var myItem = new Item();
myItem.fetch();
var reward_view = new ListView({model:myItem});
reward_view.render();

})(jQuery);

（函数（$）{
var Item=Backbone.Model.extend({
urlRoot:“/api/camp/1/”
});
var ListView=Backbone.View.extend({
el:'奖励视图'，
初始化：函数（）{
_.bindAll（this，'render'）；//使用'this'作为当前对象的每个函数都应该在这里
},
render:function（）{
console.log（这个）
$（this.el）.html（'Hello'+this.model.get（'name'）+“”）；
返回此；//对于可链接调用，如.render（）.el
}
});
var myItem=新项目（）；
myItem.fetch（）；
var retrease_view=newlistview（{model:myItem}）；
奖励_view.render（）；
})（jQuery）；

如果缺少模型的实例，则必须获取该模型并将其传递给视图，然后必须调用视图的渲染

(function($) {

var Item = Backbone.Model.extend({
    urlRoot: '/api/camp/1/'
});

var ListView = Backbone.View.extend({

    el: '#reward_view',

    initialize: function() {
        _.bindAll(this, 'render'); // every function that uses 'this' as the current object should be in here


    },

    render: function() {
        console.log(this)
        $(this.el).html('<h1>Hello' + this.model.get('name') + '</h1>');
        return this; // for chainable calls, like .render().el
    }

});
var myItem = new Item();
myItem.fetch();
var reward_view = new ListView({model:myItem});
reward_view.render();

})(jQuery);

（函数（$）{
var Item=Backbone.Model.extend({
urlRoot:“/api/camp/1/”
});
var ListView=Backbone.View.extend({
el:'奖励视图'，
初始化：函数（）{
_.bindAll（this，'render'）；//使用'this'作为当前对象的每个函数都应该在这里
},
render:function（）{
console.log（这个）
$（this.el）.html（'Hello'+this.model.get（'name'）+“”）；
返回此；//对于可链接调用，如.render（）.el
}
});
var myItem=新项目（）；
myItem.fetch（）；
var retrease_view=newlistview（{model:myItem}）；
奖励_view.render（）；
})（jQuery）；

您在哪里调用

渲染

？从上面的代码中，您没有实例化您的模型，并且您的视图不知道该实例。您在哪里调用

渲染

？从上面的代码中，您没有实例化您的模型，您的视图不知道该实例。您在哪里调用

render

？在上面的代码中，您没有实例化模型，视图也不知道该实例。您在哪里调用

render

？在上面的代码中，您没有实例化模型，视图也不知道该实例。在您的示例中，很可能（最有可能）在从

fetch

调用填充模型数据之前调用

render

。在您的示例中，很可能（最有可能）在从

fetch

调用填充模型数据之前调用

render

。在您的示例中，这是可能的（最有可能的）在从

fetch

调用填充模型数据之前，将调用

render

。在您的示例中，很可能（很可能）在从

fetch

调用填充模型数据之前调用

render

。