2014-01-13 95 views
-1

這裏是我開發:http://jsfiddle.net/mSD72/80/jQuery的 - 附加元素錯誤

我希望你在輸入字段中鍵入「ABC」,你能看到什麼? :

黑色象限出現在身體的左上角,但它應該出現在「地圖」的左上角!

這是錯誤的代碼,我想:

$("<p></p>").appendTo("map").css({ 

有人know's適用於哪些元素?感謝和問候!

+0

不確定爲什麼您被低估。你展示了你所嘗試過的東西,並嘗試解釋你所面臨的問題。不知道爲什麼人們跳到-1而不是幫助改善問題並找到解決方案。 – CaffGeek

+0

它顯示我的屏幕上的黑框,所以我確實看到發生了一些事情。如果這就是他們低估的原因,他們應該這樣說。我非常厭惡匿名downvoting – CaffGeek

回答

1

我不是100%確定你要做什麼,但你的css設置爲position: absolute,它將啓動身體左上角的座標(0,0)。 Relative將啓動其包含元素左上角的座標(0,0)。

是否改變它爲相對做你想要的? http://jsfiddle.net/kq64n/

  $("<p></p>").appendTo("map").css({ 
       "position" : "relative", 
       "top" : dimensions[1] + "px", 
       "left" : dimensions[0] + "px", 
       "width" : "50px", 
       "height" : "50px", 
       "background-color" : "black" 
      }); 
+2

只是讓你達到10K :) –

+0

我看到了,謝謝! – CaffGeek

+0

你是對的,需要申請「relaitve」 – user3185975

0

只是因爲你的CSS定義(位置:絕對)對JavaScript代碼。

將其更改爲「相對」

$("<p></p>").appendTo("map").css({ 
       "position" : "relative", 
       "top" : dimensions[1] + "px", 
       "left" : dimensions[0] + "px", 
       "width" : "50px", 
       "height" : "50px", 
       "background-color" : "black" 
      }); 

絕對意味着,如果你定義頂部或左側等,從窗口計算量度。但是,如果將其定義爲相對的,則會出現父標記,如您對頂部和左側所定義的那樣