JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
Current: <span id="current"></span>
<div class="masker ui-widget-content" id="drag1">Drag me - drag1</div>
<div class="masker ui-widget-content" id="drag2">Drag me - drag2</div>
<div class="masker ui-widget-content" id="drag3">Drag me - drag3</div>

CSS

.masker{ width: 150px; height: 150px; padding: 0.5em; }

JavaScript

$(".masker").draggable();

var testdragging;
$(".masker").bind( "drag", function(event, ui) {
  testdragging = ui.helper.attr('id');
  $("#current").text(testdragging);
});