JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<p id="sidebar">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquet
purus est. Morbi vitae risus quis sem malesuada vestibulum. Praesent mattis
pulvinar dapibus. Maecenas ultrices hendrerit arcu eget vestibulum. Sed
in velit id ligula condimentum viverra vel quis urna. Pellentesque iaculis,
massa sit amet hendrerit pharetra, est mauris porttitor nulla, in blandit
ligula massa eu urna.</p>
<button>Change font color</button>
JavaScript
$(function () {
$('button').click(function () {
sidebar.promptColor();
});
var Sidebar = Backbone.Model.extend({
promptColor: function () {
var cssColor = prompt("Please enter a CSS color:");
this.set({
color: cssColor
});
}
});
window.sidebar = new Sidebar;
sidebar.on('change:color', function (model, color) {
console.log('\'change:color\' called')
$('#sidebar').css({
color: color
});
});
sidebar.set({
color: '#00ff00'
});
});