javascript - コンテンツの位置が変更されたときに DIV のサイズを変更する

Question

では、内容が再配置されたときに DIV のサイズを自己調整することは可能ですか?

私は自分自身をよりよく説明させてください：

内部divに別のコンテナがあるコンテナがあります。divこの最後のものは、jQuery.append()メソッドを介して追加のコンポーネントを受け取ることができます。

HTML:

<div id="container">
<div id="content"></div>

<div id="another">Hello World</div>

JS

var a = $("#another");
$("#content").append(a);

これまでのところ、サイズを変更しようとすると、サイズdiv#anotherがdiv#content変わらずdiv#another、飛んでしまいます。

$("#another").position({left:100, top:100});

score 0 · Accepted Answer

子要素を追加するときはいつでも、次のようにcssクラスを親要素に追加または削除します。

var a = $ ("#another");
var content = $ ("#content")
content.append(a);

condition>> ? content.addClass('scenario1') : content.addClass('scenario2')

次に、次のように、scenario1とscenario2に必要なスタイルを追加します。

.scenario1 {
   left: 100;
   top: 100
}

.scenario2 {
   left: 50;
   top: 50
}

score 0 · Accepted Answer

これを試して

var a = $ ("#another");
 $ ("#content").append(a).css('width',<new value>);

追加後、親 div の幅を必要な値に変更します。

2 に答える 2