JSFiddle - React, Tailwind, and code Playground
HTML
<span id="Log"> </span>
<div id="resizable" style="left:10%;top:10%;"></div>
CSS
#resizable {
width: 100px;
height: 100px;
background-color: red;
position: absolute;
}
JavaScript
function Log(element)
{
$("#Log").html(
"Left: " + element.get(0).style.left + "<br>" +
"Top: " + element.get(0).style.top + "<br>");
}
$(document).ready(function ()
{
var element = $("#resizable");
Log(element);
$("#resizable")
.resizable(
{
resize: function ()
{
var element = $(this);
Log(element);
}
});
});