1

私はレゴのように自分のdivを積み重ねて、何か楽しいことに取り組んできました。私はappendToとpositioningを使用して一度スタックすることができましたが、複数回クリックすると、divが予期しない（私にとって）場所に表示されます！

ここで私が何を意味するかを見ることができます：jsfiddleの例。（赤いdivをクリックして、スタックされたdivを削除できます）

レゴの塔のように、divを最初のものとまったく同じように「上に」積み重ねる方法はありますか？

ありがとう ：）

4

2 に答える 2

2 
var lastPos = [-4, -3];
$('.cube, .cubeStack').click( function() {
    lastClicked = $('<div class="cubeStack"></div>')
       .css({top:lastPos[0], left:lastPos[1]})
       .appendTo($(this));

    lastPos[0] -= 1;
    lastPos[1] -= 1;
});
  • .cubeStack位置を絶対に設定
  • 新しいスタックを追加するたびに減少

http://jsfiddle.net/Dk585/8/

PS私は実際にかなりかわいいと思いました<3

于 2012-04-20T11:36:02.490 に答える
0

div を互いの上に「積み重ねる」には、prependTo() を使用します。違いは、appendTo() は要素を最後の子として追加し、prependTo() は要素を最初の子として要素に追加することです。

于 2012-04-20T11:34:32.920 に答える