Jquery - 追加元素错误答案

【问题标题】：Jquery - append element errorJquery - 追加元素错误
【发布时间】：2014-01-13 22:34:04
【问题描述】：

我希望你在输入字段中输入“abc”，你会看到什么？：

一个黑色象限出现在（身体的）左上角，但它应该出现在“地图”的左上角！

我认为这是错误的代码：

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

有人知道应用到哪个元素吗？谢谢和问候！

【问题讨论】：

不知道为什么你被否决了。您展示了您的尝试，并尝试解释您面临的问题。不知道为什么人们会跳到 -1 而不是帮助改进问题并找到解决方案。
它在我的屏幕上显示黑框，所以我确实看到发生了一些事情。如果这就是他们投反对票的原因，他们应该这么说。我非常厌倦匿名投票

标签： jquery css element apply

【解决方案1】：

我不能 100% 确定您要做什么，但您将 css 设置为 position: absolute，它将在身体左上角开始坐标 (0,0)。相对将在其包含元素的左上角开始坐标 (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"
            });

【讨论】：

刚刚让你达到 10K :)
@user3185975，很高兴它解决了！

【解决方案2】：

只是因为您在 JavaScript 代码上的 CSS 定义（位置：绝对）。

改成“相对”

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

绝对意味着如果您定义顶部或左侧等。它将从窗口计算度量。但是，如果您将其定义为相对，则它会显示为您为顶部和左侧定义的父标记

【讨论】：