JSFiddle - React, Tailwind, and code Playground

by godu

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://backbonejs.org/backbone-min.js"></script>
<div id="content"></div>

JavaScript

var View = Backbone.View.extend({
    template: '<button id="button1">button1</button><button class="button2">button2</button>',
    render: function() {
        $(this.el).html(this.template);
        return $(this.el);
    },
    events: {
        'click #button1': 'onClickButton1',
        'hover .button2': 'onHoverButton2'
    },
    onClickButton1: function() {
        alert('button1');
    },
    onHoverButton2: function() {
        alert('button2');
    }
});

$(function() {

    $('#content').html(new View().render());

});