Javascript Jquery可调整大小不适用于动态创建的div

我正在动态创建div，并将它们设置为可拖动和可调整大小。Dragable可以正常工作，但resizeable不能。我不明白为什么。这是我的密码：

函数creatediv（）{
var div=document.createElement（'div'）；
div.className=“可拖动大小”；
div.innerHTML=“您可以拖动它，但不能调整大小！！”；
div.style.position='绝对'；
div.style.border=“中等纯黑”；
div.style.width=“250px”；
文件.getElementById（“bdy”）.appendChild（div）；
$（“.draggable”）.draggable({
快照：是的
})；//必须调用此函数才能在新创建的div上激活jquery可拖动效果。
$（“.resizable”）.resizable（）；
}

创造新元素！

代码运行良好，只是没有包含jQueryUI的样式表来使其正常工作：

函数creatediv（）{
var div=document.createElement（'div'）；
div.className=“可拖动大小”；
div.innerHTML=“您可以拖动它，但不能调整大小！！”；
div.style.position='绝对'；
div.style.border=“中等纯黑”；
div.style.width=“250px”；
文件.getElementById（“bdy”）.appendChild（div）；
$（“.draggable”）.draggable({
快照：是的
});
$（“.resizable”）.resizable（）；
}

创造新元素！

太棒了，谢谢！没问题，很乐意帮忙。注意，我更新了答案，对jQuery的使用做了一些逻辑上的改进。