如何在jQuery中设置绝对位置

Question

我试图用jQuery设置绝对元素的left位置。

这就是我尝试过的：

var leftPercentage = 10 + '%';
var singleGrate = grateOne.append('<div class="single-grate"><div>');
singleGrate.css(left, leftPercentage);

我也试过删除百分比并使用px但它没有用。

我也尝试过使用offset，但是虽然有效，但它根据页面设置元素，而不是包含我想要定位的div的元素。

我只是迷失了如何让它发挥作用。我跟踪了一堆来自stackoverflow的问题，但我很确定它们都已经过时了，因为它们都没有用。

我该怎么办？

编辑：这是我目前在https://codepen.io/creativiii/pen/gyKjrm工作的codepen

Answer 1

在最后一行。你需要把""放到left所以代码将是：

singleGrate.css("left", leftPercentage);

Answer 2

显然问题出在append()上，因为它实际上并没有指向附加的元素。

我更改了我的代码以将元素追加到：

var singleGrate = $('<div class="single-grate"><div>').appendTo(grateOne);

现在singleGrate实际上返回一个元素，然后我可以用css()改变。