我尝试运行 BackboneJS HelloWorld 程序,但我得到一个空白页面。 下面是程序。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Hello World in Backbone.js</title>
</head>
<body>
<script src="JS/backbone.localStorage-min.js"></script>
<script src="JS/backbone-min.js"></script>
<script src="JS/jquery.min.js"></script>
<script src="JS/underscore-min.js"></script>
<script type="text/javascript">
var AppView = Backbone.View.extend({
el: '#container',
initialize: function () {
this.render();
},
render: function () {
this.$el.html("Hello World");
}
});
var appView = new AppView();
</script>
</body>
</html>
注意:已将所有必需的库下载到本地。
链接:http://adrianmejia.com/blog/2012/09/11/backbone-dot-js-for-absolute-beginners-getting-started/
最佳答案
您需要包含Underscore
在包含您的 Backbone
之前包含库图书馆。请重新排列<script>
包含内容如下。
<script src="JS/jquery.min.js"></script>
<script src="JS/underscore-min.js"></script>
<script src="JS/backbone-min.js"></script>
<script src="JS/backbone.localStorage-min.js"></script>
您还需要放置 id 为 container
的 html 元素因为您在 $el
中引用了它属性。因此包括以下<div>
在您的 <body></body>
内标记标签,
<div id="container"></div>
这是工作 fiddle :https://jsfiddle.net/du2b8vfv/
希望这有帮助!
关于javascript - BackboneJS HelloWorld 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39568276/