A Backbone.js Playground

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

by derickbailey

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>
<div id="someElement">
  <button id="someButton">Click Me</button>
</div>

JavaScript

MyView = Backbone.View.extend({
  el: $("#someElement"),

  events: {
    "click #someButton": "clicked"
  },

  clicked: function(e){
    e.preventDefault();
    alert("I was clicked!");
  }
});

new MyView();