2012-06-24 34 views
0

我想通過鼠標點擊將元素放在頁面上,恰好在用戶點擊的位置。所以我輸入一個字符串到.append()如何將元素添加到指定位置而不受其他元素的影響?

問題是:我怎樣才能輸入兩個元素到div沒有其他元素的影響。我試圖通過保證金和相對的頂部和左邊的絕對位置,但沒有結果,但沒有結果,

在這裏在這(demo..)我簡化了我想要做的,通過點擊generator1和generator2,在頁面上應該出現兩個按鈕旁邊一邊,但每行出現在一行上。

嗯,還有一件事:「我在CSS中的n00b」)

回答

2

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

絕對定位的元素不會影響其他元素,因爲它是從文檔流中去除。此外,只需使用topleft,而不是margin-top,margin-left。 一個絕對定位的元素將把它自己定位在離它最近的非靜態父元素。在上面的演示中,我將容器的位置更改爲relative - 因此新的absolute定位元素將基於其容器中的top/left值。

編輯:我已經更新了演示,包括第一個生成器按鈕的隨機top/left值,以說明沒有其他元素正在受到新生成的按鈕的影響。

第二次編輯:我已經添加了另一個點擊處理程序來演示如何定位元素相對於用戶點擊的位置,您提到的要求。

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

+0

謝謝你的男人,工作:) – Mouliyan

相關問題