A Backbone.js Exemple

A simple exemple using backbone.js with using the Backbone.js background of http://lostechies.com/derickbailey/2011/10/15/a-jsfiddle-to-build-backbone-js-fiddles

by erick

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<button id="yeah">Click Me</button>
<div id="content"></div>

CSS

li {
    padding: 5px;
    margin: 5px;
    background-color: rgb(240,240,240);
    border: 1px rgb(200,200,200) solid;
    border-radius: 5px;
    list-style-type:none;
}

button {
    padding: 5px;
}

JavaScript

var YeahView = Backbone.View.extend({
    events: {
        'click #yeah': 'affYeah'
    },
    affYeah: function() {
        $('#content', this.el).append('<li>Yeah It\'s work ! Great work, thanks :)</li>');
    }
});

var instanceYeahView = new YeahView({
    el: $('body')
});