Question

我有一个非常基本的Backbone视图，我正在尝试渲染，但由于某种原因，屏幕上没有显示任何内容。代码是：

var UserList = Backbone.View.extend({
    tagName: 'ul',
    id: 'user-list',
    initialize: function () {
        _.bindAll(this, 'render');
    },
    render: function () {
        console.log(this.$el.html());  // LOG #1
        this.$el.html('<li>Is this showing up?</li>');
        console.log(this.$el.html());  // LOG #2

    }
});

var userList = new UserList();
userList.render();

我第一次记录el的内容时，它没有显示任何内容，第二次它有正确的内容，但屏幕上没有任何内容。谁能想到为什么会发生这种情况？我知道渲染函数正在触发，this已正确绑定到this.render。此外，this.$el设置为有效的jQuery对象（在我的HTML中定义）。

Answer 1

由于您尚未在视图上指定el，因此它不会在任何地方附加到DOM。您需要明确附加它：

var userList = new UserList();
$("body").html(userList.render());

并且还返回render的值：

render: function () {
    console.log(this.$el.html());  // LOG #1
    this.$el.html('<li>Is this showing up?</li>');
    console.log(this.$el.html());  // LOG #2
    return this.$el;
}

Fiddle

Backbone.js：视图未呈现

1 个答案: