這裏是我開發:http://jsfiddle.net/mSD72/80/,jQuery的 - 附加元素錯誤
我希望你在輸入字段中鍵入「ABC」,你能看到什麼? :
黑色象限出現在身體的左上角,但它應該出現在「地圖」的左上角!
這是錯誤的代碼,我想:
$("<p></p>").appendTo("map").css({
有人know's適用於哪些元素?感謝和問候!
這裏是我開發:http://jsfiddle.net/mSD72/80/,jQuery的 - 附加元素錯誤
我希望你在輸入字段中鍵入「ABC」,你能看到什麼? :
黑色象限出現在身體的左上角,但它應該出現在「地圖」的左上角!
這是錯誤的代碼,我想:
$("<p></p>").appendTo("map").css({
有人know's適用於哪些元素?感謝和問候!
我不是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"
});
只是因爲你的CSS定義(位置:絕對)對JavaScript代碼。
將其更改爲「相對」
$("<p></p>").appendTo("map").css({
"position" : "relative",
"top" : dimensions[1] + "px",
"left" : dimensions[0] + "px",
"width" : "50px",
"height" : "50px",
"background-color" : "black"
});
絕對意味着,如果你定義頂部或左側等,從窗口計算量度。但是,如果將其定義爲相對的,則會出現父標記,如您對頂部和左側所定義的那樣
不確定爲什麼您被低估。你展示了你所嘗試過的東西,並嘗試解釋你所面臨的問題。不知道爲什麼人們跳到-1而不是幫助改善問題並找到解決方案。 – CaffGeek
它顯示我的屏幕上的黑框,所以我確實看到發生了一些事情。如果這就是他們低估的原因,他們應該這樣說。我非常厭惡匿名downvoting – CaffGeek