JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<div class="makeMeDraggable">Text A</div>
<div class="makeMeDraggable">Text B</div>
<div class="makeMeDraggable">Text C</div>
<div class="makeMeDraggable">Text D</div>

CSS

div {
    margin: 10px;
    padding: 10px;   
    border: 1px solid #666;
}

JavaScript

$(init);


function init() {
    $('div.makeMeDraggable').draggable({
        cursor: 'move',
        containment: 'content',
        stop: handleDragStop
    });
};

function handleDragStop(event, ui) {
    var offsetXPos = parseInt(ui.position.left);
    var offsetYPos = parseInt(ui.position.top);
    alert(event.target.id);
};