jquery - 无法为显示的每个元素获取正确的颜色框顶部和左侧位置

Question

我正在尝试获取每个元素的颜色框的“顶部”和“左侧”位置，因为框随着每个显示器移动。第一次返回错误的位置，然后位置保持不变：我已经明确设置了宽度和高度。这是代码：

$('a.gallery').colorbox({ 
            onLoad:function(){ 
               var $left_pos = $('#colorbox').css('left');
           var $top_pos = $('#colorbox').css('left');
       alert('Left pos:' + $left_pos + ' Top pos:' + $top_pos);
    },
    width: 500,
    height: 400,
    rel:'group1' 
});
                            ...

是的，它确实显示了一个更大的盒子，第一次，几分之一秒，然后快速闪烁到我设置的盒子大小。第一组位置对应于这个快速过渡的颜色框。我是否占据了错误元素的位置？这里还有什么问题？

Answer 1

因为您也使用 left 从顶部获取位置，

 var $top_pos = $('#colorbox').css('top'); //change 'left' to 'top' here.