1

我一直在做一些有趣的事情，像乐高一样堆叠我的 div。我已经能够使用 appendTo 和定位将其堆叠一次，但是如果您多次单击 div 会出现在一个意想不到的（对我而言）位置！

你可以在这里看到我的意思：jsfiddle example。（可以点击红色的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 回答