cleanup #1

Merged
1 commit merged into from Jan 30, 2011
Jump to file
+44 −40
Split
@@ -2,51 +2,55 @@
<html>
<head>
<title>I have a back bone</title>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script>
- <script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
</head>
<body>
<button id="add-friend">Add Friend</button>
<ul id="friends-list">
</ul>
-<script type="text/javascript">
- $(function(){
- Friend = Backbone.Model.extend({
- //Create a model to hold friend atribute
- name: null
- });
- Friends = Backbone.Collection.extend({
- //This is our Friends collection and holds our Friend models
- initialize: function(models, options) {
- this.bind("add", options.view.addFriendLi);
- //Listen for new additions to the collection and call a view function if so
- }
- });
- AppView = Backbone.View.extend({
- el: $("body"),
- initialize: function(){
- this.friends = new Friends( null, { view: this });
- //Create a friends collection when the view is initialized.
- //Pass it a reference to this view to create a connection between the two
- },
- events: {
- "click #add-friend": "showPrompt",
- },
- showPrompt: function(){
- var friend_name = prompt("Who is your friend?");
- var friend_model = new Friend({ name: friend_name });
- //Add a new friend model to our friend collection
- this.friends.add( friend_model );
- },
- addFriendLi: function(model){
- //The parameter passed is a reference to the model that was added
- $("#friends-list").append("<li>" + model.get('name') + "</li>");
- //Use .get to receive attributes of the model
- }
- });
- var appview = new AppView
- });
+<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+<script src="http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.4/underscore-min.js"></script>
+<script src="http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"></script>
+<script>
+(function ($) {
+
+ Friend = Backbone.Model.extend({
+ //Create a model to hold friend atribute
+ name: null
+ });
+
+ Friends = Backbone.Collection.extend({
+ //This is our Friends collection and holds our Friend models
+ initialize: function (models, options) {
+ this.bind("add", options.view.addFriendLi);
+ //Listen for new additions to the collection and call a view function if so
+ }
+ });
+
+ AppView = Backbone.View.extend({
+ el: $("body"),
+ initialize: function () {
+ this.friends = new Friends( null, { view: this });
+ //Create a friends collection when the view is initialized.
+ //Pass it a reference to this view to create a connection between the two
+ },
+ events: {
+ "click #add-friend": "showPrompt",
+ },
+ showPrompt: function () {
+ var friend_name = prompt("Who is your friend?");
+ var friend_model = new Friend({ name: friend_name });
+ //Add a new friend model to our friend collection
+ this.friends.add( friend_model );
+ },
+ addFriendLi: function (model) {
+ //The parameter passed is a reference to the model that was added
+ $("#friends-list").append("<li>" + model.get('name') + "</li>");
+ //Use .get to receive attributes of the model
+ }
+ });
+
+ var appview = new AppView;
+})(jQuery);
</script>
</body>
</html>