JSFiddle - React, Tailwind, and code Playground

by paulyoder

HTML

<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
Is is a backbone thing?

<div id="things"></div>

<div id="status">status</div>

CSS

div.thing {
    width: 100px;
    height: 100px; 
    border: 1px solid black;
}

.ui-resizable-helper {
    border: 1px dotted #AAA;
}

JavaScript

$("#things").html('<div class="thing delegate">delegate()</div><div class="thing on">on()</div>');

function resizeStop(event, ui) {
    $("#status").text("resizestop");
}

$(".thing").resizable({
    start: function(event, ui) {
        $("#status").text("resizestart");
    },
    resize: function(event, ui) {
        $("#status").text("resize");
    },
    helper: "ui-resizable-helper"
});

$('#things').delegate('.delegate', 'resizestop', resizeStop);
$('.on').on('resizestop', resizeStop);