JSFiddle - React, Tailwind, and code Playground

by tr00st

HTML

<script src="http://code.jquery.com/ui/1.9.0-rc.1/jquery-ui.min.js"></script>
<button id="doInit">Do Init</button>
<div id="dragMe">Draggable</div>
<pre id="log"></pre>

CSS

#dragMe {
    width: 100px;
    height: 100px;
    background: #eaa;
}
#dragMe.ui-draggable {
    background: #aea;
}

JavaScript

var initted = false;
var initDrag = function () {
    try {
        if (initted) $("#dragMe").draggable("destroy");
        log.append("preinit: \n"+JSON.stringify($("#dragMe").data())+"\n\n");
        $("#dragMe").draggable();
        initted = true;
        log.append("postinit: \n"+$("#dragMe").data()+"\n\n");
    } catch (e) {
        log.append(e+"\n\n");
        log.append(e.stack+"\n\n");
    }
};

$("#doInit").click(initDrag);

var log = $("#log").append("Log started\n\n");