JSFiddle - React, Tailwind, and code Playground
HTML
<div id="red" class="drag"></div>
<br/>
<div id="forClones"></div>
<input type="button" id="clone" value="clone" />
CSS
#red {
height:30px;
width:30px;
background-color:red;
}
JavaScript
$(document).ready(function () {
Draggable();
});
function Draggable() {
$('.drag').draggable({
cursor: 'move',
containment: 'document'
});
}
$('#clone').click(function () {
var clone = $('#red').clone().attr('class', 'drag');
$('#forClones').append(clone);
Draggable();
});