javascript - jquery 不接受带引号的变量

Question

我正在尝试获取一个函数来更改各种 div 元素的“top”和“left”属性以接受一个参数，我基本上在变量值周围加上引号。

function inQuotes(l) {
    return '"' + l + 'px"';
}

function Rearrange(k, topleft) {
    $(y).css("top", inQuotes(topleft[0])).css("left", inQuotes(topleft[1]));
}

其中 y 是一个 div 元素

position: absolute

放置在具有

的容器div中

position:relative

并且 topleft 是一个包含 2 个值的数组，即我要移动 div 的顶部和左侧像素数。但是，当我调用它时，脚本没有运行该函数，忽略它并运行脚本的其余部分。

我已经完成并测试了这两个函数的所有部分，并得出结论:

inQuotes(l) 按预期返回“lpx”，因此 inQuotes(40) 将返回“40px”。 (通过运行测试

alert(inQuotes(40));

警告“40px”。)

jquery 选择器有效；例如，如果 y = "#demo"，则其他 jquery 方法将按预期运行。

如果 z = "40px", 那么

$(y).css("top", z);

按预期运行。

这让我觉得 inQuotes 没有返回字符串，但它返回的是什么？任何帮助将不胜感激。谢谢。

Answer 1

This makes me think that inQuotes is not returning a string, but then what is it returning?

它正在返回 "lpx"。 (这不是 "lpx"，就像您在 JS code 中为文本文字编写的那样，它是一个字面包含 "lpx" 的字符串，双引号是值的一部分。)

现在这是一个有效的 CSS 长度值吗？你会在样式表中写 top: "1px" 吗？不，你当然不会。

所以去掉双引号。