0

我有一个使用 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

4

2 回答 2

1

parent( containment) 的宽度/高度必须高于可调整大小的最小宽度/最小高度。当前未设置宽度和高度，因此它将是 100% 和 0

结果：您可以调整大小：

  • 宽度： 200px，直到容器的宽度（100%）

  • height: 100px 到容器的高度（也是 100px，来源于它的内容），所以高度是不可调整的

演示：http: //jsfiddle.net/doktormolle/VnCHA/

于 2013-01-20T17:24:04.767 回答
0

我解决了这个问题，感觉有点像布偶。因为 div 是动态创建的，所以我必须在将其附加到 DOM后调整其大小。

于 2013-01-20T17:25:41.797 回答