Question

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

Answer 1

父级（containment）的宽度/高度必须高于可调整大小的最小宽度/最小高度。目前宽度和高度未设置，因此它将是100％和0

结果：您可以调整大小调整大小：

宽度： 200px，直至收容宽度（100％）
高度： 100px高达收容区的高度（也是100px，源自它的内容），因此高度不可调整

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

Answer 2

我解决了这个问题，感觉有点像一个布偶。因为div是在飞行中创建的，所以我必须使它可以调整大小在后附加到DOM。

制作一个可调整大小的div无法正常工作

2 个答案: