使可调整大小不能正常工作的div

问题描述：

我有一个使用jquery即时创建div的函数，用户可以定义多个属性来设置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

您何时将div附加到DOM？ –

retagged：jQuery-ui –

你可以做一个jsfiddle吗？ –

答

父级（containment）的宽度/高度必须高于可调整大小的最小宽度/最小高度。目前的宽度和高度没有设置，所以这将是100％，0

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

宽度： 200像素到围堵的宽度（100 ％）
高度： 100像素到容纳（也100px的，从它的内容导出的）的高度，因此，高度为unresizable

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

答

我解决了这个问题，感觉就像一个木偶位。由于div是在飞行中创建的，我不得不使其可在之后调整大小将它附加到DOM。

使可调整大小不能正常工作的div

相关推荐