我想在每次在我的数据库中找到新用户时插入一个新的div。如果我更改CSS(从类中删除“bottom”和“absolute”),我有以下代码工作。问题在于它从顶部开始,每个div插入到前一个下面。我想让div位于屏幕的左下角,然后在插入新div时向上移动。它基本上会推动现有的divs,而最新的div将会处于最底层。任何想法如何做到这一点?任何帮助,将不胜感激。谢谢!页面底部的动态div-Javascript
此代码将插入一个新的div,但它只是将它放在前一个之上。
.greyBox {
padding:8px;
background: grey;
margin-bottom:8px;
width:200px;
height:50px;
bottom:0;
position:absolute;
}
.redBox {
padding:8px;
background: red;
margin-bottom:8px;
width:200px;
height:25px;
bottom:1;
position:absolute;
}
<p>
<button id="after">New User</button>
<button id="reset">reset</button>
</p>
<div class="greyBox">Users</div>
$("#after").click(function() {
$('.greyBox').after("<div class='redBox'>User 1</div>");
});
$("#reset").click(function() {
location.reload();
});
工作就像一个魅力。谢谢! – mkyong 2012-03-03 15:31:10
我用这个作为例子,我将需要消除按钮,因为div将自动创建。我怎样才能改变这个能够传递参数。我想我想让它成为一个单独的函数,可以从程序中调用,而不是点击。 – mkyong 2012-03-03 15:37:07