0

div内にdivがあります。

外側の div はドラッグ可能 (jQuery) で、内側の div はサイズ変更可能 (jQuery) です。

内側の div には、テキストで満たされたスパンがあります。

外側の div の高さと幅を、コンテンツの高さと幅よりも小さくしないようにするにはどうすればよいですか?

現在、外側の div のサイズを小さくすることができます。これは、テキストが外側の div からはみ出すため、外側の div に境界線がある場合に問題になります。

事前にご協力いただきありがとうございます

4

5 に答える 5

1

これを試してみてください。サイズ変更イベントで、1) 内側の div の幅を取得します。そして、2) 外側の div の最小幅を (innerdiv + 4) として適用します。

したがって、サイズを変更するたびに、サイズ変更イベントがトリガーされるため、innerdiv の幅を取得し、outerdiv の「min-width」を innerdiv よりわずかに高く設定する必要があります。

お役に立てれば..

.bind('resize', function(){
      var outer_width = parseInt($('.innerdiv').width() + 4);
         $('.outerwidth').width(outer_width);
   });
于 2013-05-08T10:09:39.413 に答える
0

あなたのそれぞれの答えから少し使って、これが私がそれを解決した方法です。

var spanminwidth=$('#span'+i).width();
spanminwidth=+spanminwidth+4;
$("#div"+i).css('min-width',spanminwidth);

var spanminheight=$('#span'+i).height();
spanminheight=+spanminheight+4;
$("#div"+i).css('min-height',spanminheight);

助けてくれてありがとう

于 2013-05-08T12:48:26.780 に答える
0

実際に jQuery UI Resizable プラグインを使用している場合は、独自のオプション パラメータを使用できます。

$('.wrapper').resizable({
    minHeight: function() {
        $(this).contents().height();
    }
    ,minWidth: function() {
        $(this).contents().width();
    }
});
于 2013-05-08T10:15:35.690 に答える