Jquery背景位置动画问题

Question

我正在使用Jquery来动画化一个对象，当用户按键时。

在松开键时，对象停止移动，但我需要知道对象停止时的背景位置。使用 .stop(true);

不要深入细节，我需要能够获取背景的位置。有没有用Javascript或jquery获取这些数字的方法？

- Case

Answer 1

如果您正在更改背景位置坐标，那么您可以通过使用 css 方法，在动画停止时获得元素的 计算样式。

它将返回由空格分隔的一对像素值，类似于 "Xpx Ypx"，您可以将这些值拆分并单独使用：

var position = $(selector).css('backgroundPosition').split(' '),// ["0px", "0px"]
x = position[0], y = position[1];

- Christian C. Salvadó

---

x是什么类型的变量？我尝试执行x + someInt，但它似乎不是在加整数，而是在连接字符串。 - Hristo

Answer 2

你应该能够识别具有背景图像的特定元素。然后，您可以使用 .offset - http://docs.jquery.com/CSS/offset - 获取元素相对于页面的左/上绝对位置。

- Chad

Answer 3

你试过这个吗？

$('#yourOject').css('backgroundPosition')

它应该返回类似于“nnpx yypx”的内容。

- o.k.w

Answer 4

var position = $(selector).css('backgroundPosition').split(' '),// ["0px", "0px"]
x = position[0], y = position[1];

这几乎是完美的，我唯一改变的是使用split('px')，这样当你用它进行其他计算时，你可以得到原始数字。

- Case