0

这个问题可能是业余的，但仍然可以用手。刚从包装中取出骨干并启动了 hello world 示例，但似乎无法启动并运行。有人可以告诉我为什么我没有看到结果吗？

(function($){

var ListView = Backbone.View.extend({
    el: $(body), //attaches this.el to an existing element

    initialize: function(){
        _.bindAll(this, 'render'); //fixes loss of context for this within elements
        this.render(); //not all views are self-rendering. This is one.
    },

    render: function(){
        $(this.el).html("<ul><li>Hello World!</li></ul>");
    }
});
var listVew = new ListView();


})(jQuery);

html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Hello Backbone </title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>

<script src="backbone.js" type="text/javascript"></script>

</body>
</html>
4

1 回答 1

2
  • 我在 jsfiddle 中尝试了您的代码并收到此错误：Uncaught ReferenceError: body is not defined
    • 使用字符串'body'作为视图的el选择器

这有效：http: //jsfiddle.net/PeGW6/

另请注意，您使用的是非常非常旧的骨干版本。升级到最新版本。

于 2012-12-05T18:39:45.350 回答