Backbone.js 使用主干JS将列表附加到Body元素

我开始学习主干JS

假设我有一个代码块

<script  type="text/javascript">
  (function($)
  {
     var ListView = Backbone.View.extend
                    (
                      {
                       el: $('body'), 
                       initialize: function()
                                  {
                                    this.render(); 
                                  },
                       render: function()
                                  {
                                    // How to attach a sample Unorder list here?
                                  }
                      }
                   );
  var listView = new ListView();
})(jQuery);

（函数（$）
{
var ListView=Backbone.View.extend
(
{
el:$（“正文”），
初始化：函数（）
{
这个。render（）；
},
render:function（）
{
//如何在此处附加无序列表示例？
}
}
);
var listView=new listView（）；
})（jQuery）；

---

如何在

render

call中附加样本无序列表？

我不理解确切的要求。 你可以用

.append（）方法

用以下代码段替换代码块

render: function()
 {
      $(this.el).append(
                        "<ul> 
                           <li>One</li>
                           <li>Two</li>
                           <li>Three</li> 
                         </ul>"
                       );
  }

render:function（）
{
$（this.el）(
“

一个
两个
三个
”
);
}

始终建议使用模板填充列表

HTML模板

<script type="text/template" id="itemViewTemplate">
  <ul>
      <% _.each(data, function(i) { %>  
          <li><%= i %></li> 
      <% }); %>
  </ul>
</script>

---

演示：

0.5.3是一个古老的版本，在更新的版本中，

this.el始终是原始DOM元素，这将失败。
$(document).ready(function (e) {

    var ListView = Backbone.View.extend({
        el: 'body',
        initialize: function () {
            this.render();
        },
        render: function () {
            $(this.el).append(_.template($("#itemViewTemplate").html(), {data:[0,1,2,3,4]}));
        }
    });
    var listView = new ListView();

});