JSFiddle - React, Tailwind, and code Playground

HTML

<div class="J_outer outer">
    <div class="J_inner inner"></div>
</div>

CSS

.outer{width:100px;border:2px solid blue;}
.inner{width:50px;height:50px;border:2px solid green;margin:0 auto;}
.outer .ui-resizable-e{background:blue;}
.inner .ui-resizable-e{background:green;}

JavaScript

$(".J_outer").resizable({
    handles:"e"
});
$(".J_inner").resizable({
    handles:"e"
});


/*$(".J_outer").resizable("destroy");//解绑.J_outer的resizable
$(".J_outer").resizable({
    handles:"e"
});*/

/*$(".J_inner").resizable("destroy");//解绑.J_inner的resizable
$(".J_inner").resizable({
    handles:"e"
});*/