A Backbone.js Playground

A simple playground for learning backbone.js without having to install or configure anything yourself.

by johntrepreneur

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.modelbinding/master/backbone.modelbinding.min.js"></script>
<script src="https://raw.github.com/derickbailey/backbone.memento/master/backbone.memento.min.js"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<input id="i1" type="text"/>

JavaScript

MyView = Backbone.View.extend({


  events: {
    "propertychange": "onpropertychanged"
  },

  onpropertychanged: function(e){
    $('#i1').after($('<p>changed</p>'));
  }
});

new MyView({ el: $("#i1").get(0) });