在主干中渲染HTML不起作用

Question

我的以下代码有问题：未填充div reward_view 。 渲染功能正在运行，但是this.el似乎未定义，为什么？

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)
        console.log(this.el)
        $(this.el).html('<h1>Hello' + '</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();

HTML：

 <div id="reward_view" class="bs-callout bs-callout-info">

        </div>

Answer 1

您的代码工作正常 。 我怀疑您在文档准备就绪之前就已经做了所有这些事情，因此尚未找到#reward_view 。