JSFiddle - React, Tailwind, and code Playground

by dimadima

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p>Click anywhere to move the ball</p>
<div id="foo"></div>

CSS

p {
    padding-left:60px;
}
#foo {
    border-radius:50px;
    width:50px;
    height:50px;
    background:#c00;
    position:absolute;
    top:0;
    left:0;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

JavaScript

var $ = Backbone.$;
var $foo = $('#foo');
$foo.on('click', function (ev) {
    f.style.left = (ev.clientX - 25) + 'px';
    f.style.top = (ev.clientY - 25) + 'px';
});

var bunghole = {};

_.extend(bunghole, Backbone.Events);

var moveBack = function () {}
bunghole.listenTo($('foo'), 'transitioned', moveBack)