骨干视图输出

Question

我正在尝试使用骨干视图在页面上输出一些h1文本，但由于某种原因它无法正常工作。如果我在文档准备就绪中使用它，我可以显示h1，但是当我在渲染函数中使用它时，我不能显示。

var HomeView = Backbone.View.extend({
  el:'body',
  intialize: function () {
    this.render();
    },
  render: function () {
    this.$el.empty();
    this.$el.append("<h1>My first Backbone app</h1>"); // not showing on the page
    return this;
    }
})
$(document).ready(function () {
  wineApp = new HomeView();
})

Answer 1

this.el是一个DOM元素，而this.$el是一个jQuery对象。 jQuery对象具有append函数，该函数不适用于纯DOM元素。

您还可以通过运行$(this.el)将DOM元素转换为jQuery对象。

---

这是一个错字：应该在 i tialize中调用函数intialize。目前根本没有调用该函数。