Backbone.js设置
我很困惑，因为我一直在试图找出如何设置一个Backbone.js项目。这就是我所拥有的，我只需要包含脚本，然后呢？这就是我迷路的地方，我很确定，只要打开我创建的文件就不会运行这个项目，对吗？此外，我还学习了Thomas 的视频教程，但本教程没有介绍如何设置Backbone.js或如何运行该项目。我注意到我们url的不同之处。我错过了什么？另外，如果你有一些好的材料，像我这样的初学者。tnx！
下面是我使用的代码：
<div id="page">
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script>
var View = Backbone.View.extend({
el: '.page',
render: function (){
this.$el.html('Hello World');
}
});
var Router = Backbone.Router.extend({
routes: {
'' : 'home'
}
});
var view = new View();
var router = new Router();
router.on('route:home', function ()
{
view.render();
});
Backbone.history.start();
</script>
</body>
</html>回答 1
Stack Overflow用户
发布于 2013-09-26 06:14:27
设置骨干
您应该在html中包含undescore.js、jquery.js和backbone.js，然后像普通web应用程序一样简单地运行该文件。
如果您熟悉apache，请将您的应用程序放到web根目录中，并像http://localhost/my_app/一样进行访问。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<script src="js/underscore.js"></script>
<script src="js/jquery.js"> </script>
<script src="js/backbone.js"></script>
</body>
</html>从underscorejs下载这里并放入js文件夹。
下载jquery 这里。
下载Backbone 这里。
然后将您的主干函数放在外部JavaScript文件中，并将其包含在backbone.js之后。
修复
你的代码出现了错误。使用id定义元素，但尝试使用类表示法进行访问。
所以替换一下，
var View = Backbone.View.extend({
el: '.page',
render: function (){
this.$el.html('Hello World');
}
});带着，
var View = Backbone.View.extend({
el: '#page',
render: function (){
this.$el.html('Hello World');
}
});你必须使用el: '#page'。
在包括backbone.js之前，您应该包括依赖项。
所以替换一下，
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>带着，
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>https://stackoverflow.com/questions/19020454
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号