呈现基本 div 元素 Backbone 视图

Question

我正在构建一个 Backbone 视图，它只是一个 <div> 和一个 id 属性。

我评论了我迷路的地方：

window.ContainerView = Backbone.View.extend( {

  el: $( '<div>', { id: 'content' } ),

  initialize: function() {
    this.render();
  },

  render: function() {
    // How do I render this view?
  }
} );

在我的 main.js 中，我只是这样做：

var containerView = new ContainerView();

另外，这里是我的 index.html 正文部分，其中包括我所有的 Backbone 文件。

<body>

  <!-- Libraries -->
  <script src="./lib/jquery-min.js"></script>
  <script src="./lib/underscore-min.js"></script>
  <script src="./lib/backbone-min.js"></script>

  <!-- Models -->

  <!-- Views -->
  <script src="./js/views/ContainerView.js"></script>

  <!-- App -->
  <script src="./js/main.js"></script>

</body>

Answer 1

el在Backbone的默认标签是div，你可以设置id是id属性。通过 documentation

window.ContainerView = Backbone.View.extend( {

  'id' : 'content',

  initialize: function() {
    this.render();
  },

  render: function() {
    $('body').append(this.el);
  }
} );

呈现基本 div 元素 Backbone 视图

Render a basic div element Backbone View

javascript

jquery

backbone.js