我正在创建一个简单的骨干示例来尝试学习它并且在渲染我的视图时遇到问题.我基于托马斯戴维斯的教程,但看了很多其他应用程序和教程.
我正在改变戴维斯的教程,不仅因为我想添加一个输入框,而且因为基于骨干文档,我认为它需要更少的代码和不同的结构.显然,因为我不能让它工作,我不知道什么是需要的,什么是不需要的.
我的最终目标是在li标签中添加名称ul#friends-list,尽管我认为el: 'body'不会对我有所帮助.
我究竟做错了什么？谢谢你的帮助.
我的HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>Tut</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script>
<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
</head>
<body>
<input type="text" placeholder="Enter friend's name" id="input" />
<button id="add-input">Add Friend</button>
<ul id="friends-list">
</ul>
<script type="text/javascript" src="test.js"></script>
</body>
</html>
我的test.js
$(function() {
Friend = Backbone.Model.extend();
//Create my model
var friends = new Friend([ {name: 'Eddard Stark'}, {name: 'Robert Baratheon'} ]);
//Create new models to be used as examples
FriendList …