jQuery 位置

Question

我有一个问题我无法理解，请帮助:

我开发了带有图像的 html 页面，并使用 jQuery UI 帮助使它们可拖动，我将这些图像位置设置为相对位置并给出了左侧和顶部像素，这是页面的链接 http://ayyashsigns.com/lab/circles.html

我设置:

• b1 位置:style="left: 180px; top: -334px;..."
• b2 位置:style="left: 233px; top: -546px;..."
• b3 位置:style="left: 422px; top: -350px;..."
• 主要位置:style="left: 93px; top: -330px;..."

问题是:当我运行

• $('span#b1').position().top 我得到 293
• $('span#b1').position().left 我得到 180
• $('span#b2').position().top 我得到 81
• $('span#b2').position().left 我得到 289
• $('span#b3').position().top 我得到 277
• $('span#b3').position().left 我得到 534
• $('span#mainb').position().top 我得到 297
• $('span#mainb').position().left 我得到 261

为什么会有这些差异，我需要使用 jQuery 以编程方式访问图像。任何人都可以向我解释这个以及如何修复它以给出图像的确切位置。

这里又是链接:my page circles

提前感谢您的帮助，

问候，

Answer 1

“.position() 方法允许我们检索元素相对于偏移父元素的当前位置。”

如果您想获得您使用的实际 CSS 值，请尝试使用:

$('span#b1').css('top');

晒。