javascript - 渲染基本的 div 元素 Backbone View

标签 javascript jquery backbone.js

我正在构建一个主干 View ,它只是一个 <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 部分,我在其中包含所有 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>

最佳答案

Backbone中el的默认标签是div,可以设置id为id属性。浏览documentation

window.ContainerView = Backbone.View.extend( {

  'id' : 'content',

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

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

关于javascript - 渲染基本的 div 元素 Backbone View,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29314344/

相关文章:

javascript - 事件不会添加到 for 循环中

javascript - 获取具有相同类的所有元素

backbone.js - Bootstrap scrollspy 和 Backbone 路由

javascript - 检查主干js中的某个东西是否是模型或集合

javascript - 如何使用backbone.js划分JSON集合结果

javascript - 使用 Jquery Refresh 从 URL 获取变量

javascript - 了解 IFrame 内的网页(位于 HTA 中)何时完成加载

javascript - Highcharts 从数据库获取数据

javascript - 如何使用下划线 + ES 6 设计更高效的循环

javascript - 验证表单中仅可见选项卡的所有输入字段