JSFiddle - React, Tailwind, and code Playground

by craigm

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<p>Hi from other paragraph</p>
<div id="a">
    <p>Hi from paragraph.</p>
</div>

JavaScript

var ParentView = Backbone.View.extend({
    initialize: function () {
        alert('Hi from parent');
    },
    events: {
        'click p': function (e) {
            alert('you clicked the paragraph');
        }
    }
});

var ChildView = ParentView.extend({
    initialize: function () {
        ParentView.prototype.initialize.call(this);
        alert('Hi from child');
        alert(this.$('p').html());
    }
});

var child = new ChildView({el: '#a'});