记录图像位置

Question

如果之前有人问过这个问题，我先道歉。我尝试研究我的问题，但似乎找不到答案。我有两个箭头图像，单击时会将 div 向左或向右“滑动”60 px，具体取决于单击哪个箭头。我想做的是记录div内第一个img的位置。每次图像发生变化时，我都想比较图像在 X 轴上的位置，并根据数字提供特定的动作。我编写了一个似乎不起作用的脚本（很可能我的逻辑完全关闭）并且每次都提示位置为 0。

var p = $("#hd_Thumbs img:first");
var offset = p.offset().left;


alert(offset);

if(offset >= 60) {
alert("No Bueno");

}

谁能指出我正确的方向，或者提供一个我可以阅读的网址。我觉得我的逻辑和攻击计划都是错误的。提前致谢。

Answer 1

感谢 zerkms，因为我通过再次查看我的 HTML 文件找到了答案。我在 div 中有另一个名为 thumbs_Container 的 div，它正在收集我的图像。一旦我改变了我的代码，它就起作用了。对于遇到同样问题的任何人来说，逻辑似乎是正确的。他是我更正后的代码：

var p = $("#thumbs_Container img:first");
var offset = p.offset().left;


alert(offset);

if(offset >= 60) {
alert("No Bueno");

}

我的任何 HTML 是：

<div id="hd_Thumbs">

<div id="thumb_Left"><img src="images/prev_Thumb.png" alt="Previous Thumbnail" width="60px" height="60px" onclick="prevThumb()" id="lefty"  /></div>
<div id="thumb_Right"><img src="images/next_Thumb.png" alt="Next Thumbnail" width="60px" height="60px" onclick="nextThumb()" id="righty"  /></div>
<div id="thumbs_Container">
<?php echo $xmlData; ?>
</div>
</div>