如何在不受其他元素影响的情况下将元素添加到指定位置?

时间:2012-06-24 21:30:11

标签: jquery html css jquery-ui

我想通过鼠标点击将元素放在页面上,确切地说是用户点击的位置。所以我通过.append()输入一个到div的字符串。

问题是:如何在没有其他元素效果的情况下将两个元素输入到div中。我通过上边和左边的边距和相对尝试绝对位置,但没有结果,

在这个(demo..)中,我简化了我想要做的事情,通过点击generator1和generator2,页面上应该并排出现两个按钮,但每个按钮都出现在一行上。

嗯,另一件事:“我是CSS中的n00b”;)

1 个答案:

答案 0 :(得分:2)

DEMO: http://jsfiddle.net/KADqt/2/

绝对定位元素不会影响其他元素,因为它已从文档流中删除。此外,只需使用topleft,而不是margin-topmargin-left。 绝对定位的元素将自己定位在离它最近的非静态父元素之外。在上面的演示中,我已将容器的位置更改为relative - 因此新的absolute定位元素将使其top / left值基于其容器。< / p>

编辑:我已更新演示,以包含第一个生成器按钮的随机top / left值,以说明新生成的按钮不会影响其他元素。

第二次编辑:我添加了另一个点击处理程序,以演示如何定位元素相对于用户点击的位置,这是您提到的。

DEMO: http://jsfiddle.net/KADqt/4/