JSFiddle - React, Tailwind, and code Playground

by imsky

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.js"></script>
<script src="https://raw.github.com/jquery/jquery-ui/9e8e339648901899827a58e5bf919f7dda03b88e/tests/jquery.simulate.js"></script>
<div id="container">
<div id="item"></div>
</div>

CSS

html,body{height:100%}
#container {height:100%;background:#eee;width:100%}
#item {background:#ccc;width:100px;height:100px;position:absolute;top:20px;left:20px}

JavaScript

$(function(){
   $("#item").draggable();
    $("#container").mousedown(function(e){

    });        
});