0

2種類のdivがあります

<div class="target_div" id="t1">  </div>
<div class="target_div" id="t2">  </div>
<div class="target_div" id="t3">  </div>
<div class="target_div" id="t4">  </div>


<div class="child_div" id="c1">  </div>
<div class="child_div" id="c2">  </div>
<div class="child_div" id="c3">  </div>
<div class="child_div" id="c4">  </div>

Jquery を使用して、c1 を t1 の上に配置し、左上隅が常に一致するようにするにはどうすればよいでしょうか。何があっても c1 を t1 に固執させたい... ページのサイズ変更、スクロール.. すべての場合に。

私はカード ゲームを作成しています。フッターからカードをドラッグ ドロップして配置し、1 ～ 13 の番号が付けられた div に配置したいと考えています。したがって、質問です。

写真では、t1、t2...などは1〜13の数字のdivです。c1、c2 などは、フッターにあるカードです。

4

2 に答える 2

0

クラスに追加position:relative;しtarget_divます。

をドロップするときchild_divは、要素を直接の子にtarget_div移動し(このように JavaScript と JQuery を使用して DOM 操作は非常に簡単です)、移動する特定の要素に追加します。child_divtarget_divposition:absolute; top:0; left:0;child_div

于 2013-09-01T06:50:01.087 に答える