使可調整大小不能正常工作的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

來源

2013-01-20 Ronny vdb

您何時將div附加到DOM？ –

retagged：jQuery-ui –

你可以做一個jsfiddle嗎？ –

父級（containment）的寬度/高度必須高於可調整大小的最小寬度/最小高度。目前的寬度和高度沒有設置，所以這將是100％，0

結果：你可以調整調整大小：

寬度： 200像素到圍堵的寬度（100 ％）
高度： 100像素到容納（也100px的，從它的內容導出的）的高度，因此，高度爲unresizable

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

來源

2013-01-20 17:24:04

我解決了這個問題，感覺就像一個木偶位。由於div是在飛行中創建的，我不得不使其可在之後調整大小將它附加到DOM。

來源

2013-01-20 17:25:41

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

回答

相關問題