Javascript 动态生成可调整大小的div不起作用

我有一个使用jquery动态创建div的函数，用户可以定义几个属性来设置div的样式。问题是我希望div可以调整大小，但结果div是用户定义的大小，但我无法调整大小

这是我的职责：

function createDiv(id, divWidth, divHeight, divContent, divBgColor, opacity){
    //FIRST HEX TO RGB FOR BG COLOR & OPACITY
    var currentColor = hexToRgb(divBgColor);
    //CREATE THE WRAPPER DIV
    var wrapper = $('<div/>', {
        id: id
    }).css({
        "backgroundColor": 'rgba('+currentColor+' '+opacity+')',
        "min-width": divWidth,
        "min-height": divHeight
    }).resizable({
        containment: 'parent',
        minHeight: divHeight,
        minWidth: divWidth
        }).appendTo('.current-layer');
}

onclick="createDiv('1', '200px', '100px', 'text', '#FF0000', 0.5)"

我希望有人能告诉我我做错了什么！TIA父级（

安全壳

）的宽度/高度必须高于可调整大小的最小宽度/最小高度。 当前未设置宽度和高度，因此将为100%和0

结果：您可以调整大小：

• 宽度：200px至安全壳宽度（100%）

• 高度：100px到安全壳的高度（也是100px，源自其内容），因此高度是不可压缩的

---

演示：

我解决了这个问题，感觉自己像个木偶。

---

因为div是动态创建的，所以在将其附加到DOM之后，我必须使其大小可调整。何时将div附加到DOM？您可以执行jsfiddle吗？您将哪些参数传递给函数？您是否包括jQueryUI库？您是否收到任何错误？如何将div附加到DOM中（函数不返回任何内容，似乎不可能在函数外部使用包装器），为什么在不在DOM中时调用resizeable呢。当不在DOM中时，它没有父对象来充当容器，或者从我已更新代码中获取位置和宽度值。我无意中遗漏了appendTo命令，并发布了对该函数的调用。是的，包括jqueryui。除了调整大小外，其他一切都正常。