1

minHeight内側のコンテナに基づいた dynamic を使用するにはどうすればよいですか? 私は持っている：

<div id="outer-div" >
    <div id="inner-div"></div>
</div>

次にjQueryで：

$( "#outer-div" ).resizable({
    containment: "#another-outer-div",
    minWidth: 200,
    minHeight: $('#inner-div').height(),
    resize: function(event, ui) {
        ui.size.width += (ui.size.width - ui.originalSize.width);
        $(this).position({
            of: $("#another-outer-div"),
            my: "center center",
            at: "center center"
        })
    }
});

上記minHeightは機能していませんが、私がやりたいことを理解していただければ幸いです。resizeable の高さは、コンテンツを持つdivinner よりも小さくしないでくださいdiv。

4

3 に答える 3

1

これはあなたが検索するものだと思います：

$("#outer-div").resizable({
    containment: "#another-outer-div",
    minWidth: 200,
    start: function(event,ui) {
        $("#outer-div").css({
            minHeight: $('#inner-div').outerHeight()
        });
    }
});
于 2014-04-24T06:39:50.360 に答える
0

私は ui-resizable を台無しにしたことはありませんが、min-height を設定してコンテンツが下まで伸びるようにする方法を次に示します。

adjustedHeight = (the equation for min-height);
$(".stretchClass").css({'min-height':(adjustedHeight+'px')})
于 2013-03-01T23:15:58.173 に答える
0

これはかなり古いものだと思いますが、初期化中は minHeight と minWidth に整数しか割り当てることができません。クエリを使用することはできません。正しい方法は、「start」-Handler の minHeight または minWidth オプションを次のように変更することです。

$( "#outer-div" ).resizable({
    containment: "#another-outer-div",
    minWidth: 200,
    minHeight: $('#inner-div').height(),
    start: function(event,ui) {
        var myMinHeight = $('#inner-div').height();
        $( "#outer-div" ).resizable( "option", "minHeight", myMinHeight );
    },
    resize: function(event, ui) {
        ui.size.width += (ui.size.width - ui.originalSize.width);
        $(this).position({
            of: $("#another-outer-div"),
            my: "center center",
            at: "center center"
        })
    }
});
于 2015-10-09T13:38:00.140 に答える