jQuery UI 可调整大小的包含不响应新创建的元素

Question

我正在使用jQuery UI可调整大小和可拖动的函数。首先，我创建一个新元素，将其附加到body并设置包含

function setDraggable(){
$div = $(document.createElement('div')).css({
//blah blah (tested and working perfectly)
});
$('body').append($div);
$('div#dragBox'). draggable({
containment : $div
}). resizable({
containment : $div
})
}

它适用于draggable，但不适用于resizable

Answer 1

在这里，您可以使用解决方案 https://jsfiddle.net/wx4r7kz6/

setDraggable = function(){
$div = $(document.createElement('div')).css({
//blah blah (tested and working perfectly)
'width': '100px',
'height': '100px',
'display': 'inline-block',
		'border': '1px solid'
});
$div.attr("id", "dragBox");
$('body').append($div);
$('div#dragBox').draggable().resizable();
}
setDraggable();

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>