Question

如果以前问过这个问题，我会在前面道歉。我试着研究我的问题，但似乎找不到答案。我有两个箭头图像，点击后将向左或向右“滑动”一个div，具体取决于单击的箭头。我想要做的是记录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>

记录图像位置

1 个答案: