JSFiddle - React, Tailwind, and code Playground

by avrelian

HTML

<script src="https://raw.github.com/documentcloud/underscore/1.1.7/underscore.js"></script>
<script src="https://raw.github.com/douglascrockford/JSON-js/master/json2.js"></script>
<script src="https://raw.github.com/documentcloud/backbone/0.5.3/backbone.js"></script>
<script src="https://raw.github.com/PaulUithol/Backbone-relational/master/backbone-relational.js"></script>
<div id="sdfsdfsdfdf">fsdfsdfsdf
</div>

JavaScript

logView = function(view){
    console.log(view);
}

Person = Backbone.Model.extend({
});

el = $('#sdfsdfsdfdf');

PersonView = Backbone.View.extend({
    el: el,
    events: {
        'click': 'changeState'
    },
    initialize: function(){
        this.state = 'old';
    },
    changeState: function(){
        alert("sdfsdfdf");
        logView(this);
        this.state = 'new';
        logView(this);
    }
});

me = new Person;
vi = new PersonView({model: me});

console.log(vi)