JQuery：嵌套对话框定位

Question

是否有一种简单的方法可以自动定位重叠的嵌套对话框（假设首先创建蓝色对话框，然后是红色对话框，然后是黄色对话框），每次创建对话框时都会：

Answer 1

您可以通过确定已创建的对话框数量，然后再创建新对话框，然后使用左边距和上边距上的乘数来正确定位新对话框来完成此操作。

var currentDialogs = $("div.Dialog").length;

接下来，在创建新对话框时，使用该值正确定位：

$("<div class='Dialog' />").css({ 'margin-top': (currentDialogs * 20) + 'px', 'margin-left': (currentDialogs * 20) + 'px'}).appendTo("#theParentDiv");

Answer 2

创建嵌套的div结构

<div class="a">
     <div class="b">
          <div class="c">
          </div>
     </div>
</div>

然后创建一个类，无论你希望每个盒子移动多少都会移动。

.shift{
    left: 20px;
    top: 20px;   
}
.a, .b, .c{
    position: absolute;
}

然后用jquery添加该类

$('.b').addClass('shift');
$('.c').addClass('shift');