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)"

誰かが私が間違っていることを教えてくれることを願っています! ティア

4

2 に答える 2

1

parent（containment）の幅/高さは、サイズ変更可能な最小幅/最小高さよりも高くする必要があります。現在、幅と高さは設定されていないため、100％と0になります

結果：サイズ変更可能なサイズを変更できます。

  • 幅：封じ込めの幅まで200px（100％）

  • 高さ：封じ込めの高さまで100px（コンテンツから派生した100px）なので、高さはサイズ変更できません

デモ： http： //jsfiddle.net/doktormolle/VnCHA/

于 2013-01-20T17:24:04.767 に答える
0

私は問題を解決し、マペットのように感じました。divはオンザフライで作成されたため、DOMに追加した後でサイズを変更できるようにする必要がありました。

于 2013-01-20T17:25:41.797 に答える