渲染基本div元素Backbone View

我正在构建一个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主体部分，其中包含了我所有的主干文件。

<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>

主干网中el的默认标签是div，您可以设置id is id属性。浏览文档

window.ContainerView = Backbone.View.extend( {
  'id' : 'content',
  initialize: function() {
    this.render();
  },
  render: function() {
    $('body').append(this.el);
  }
} );

相关内容

最新更新

热门标签：