Javascript jquery动画和.offset

Javascript jquery动画和.offset,javascript,jquery,Javascript,Jquery,基本上我有一个780px长的图像,我有一个窗口,通过它你一次只能看到390px。有左箭头和右箭头,因此您可以先滚动一个方向,然后滚动另一个方向。我想箭头被禁用,一旦你到达图像的结尾,无论是在0px还是-780px。我尝试了以下代码,只是想看看我是否朝着正确的方向前进,但是它只与“>”符号一起工作,我需要它与“==”一起工作: 第二个问题是,当我编写我真正想要的代码而不是警报时,什么都没有发生: $(function() { $(".big-fwd img").click(functio

基本上我有一个780px长的图像,我有一个窗口,通过它你一次只能看到390px。有左箭头和右箭头,因此您可以先滚动一个方向,然后滚动另一个方向。我想箭头被禁用,一旦你到达图像的结尾,无论是在0px还是-780px。我尝试了以下代码,只是想看看我是否朝着正确的方向前进,但是它只与“>”符号一起工作,我需要它与“==”一起工作:

第二个问题是,当我编写我真正想要的代码而不是警报时,什么都没有发生:

$(function() {

    $(".big-fwd img").click(function() {
        var offset = $(".wrap-nga").offset();


        $(".wrap-nga").animate({
            left: "-=390px"
        })
        if (offset > "-780px") {
            $(".big-fwd img").removeAttr();
        }
    });
我真是不知所措。我试过用“位置”代替“偏移”,但这不是问题所在。
任何帮助都会很棒。你也可以通过点击图库中的一幅图片,更好地了解我正在尝试做什么。谢谢

确保关闭您的函数。应该是:

$(function() {    
    $(".big-fwd img").click(function() {
        var offset = $(".wrap-nga").offset();

        $(".wrap-nga").animate({
            left: "-=390px"
        }) if (offset > "-780px") {
            $(".big-fwd img").removeAttr();
        }
    });
});

确保你关闭了你的功能。应该是:

$(function() {    
    $(".big-fwd img").click(function() {
        var offset = $(".wrap-nga").offset();

        $(".wrap-nga").animate({
            left: "-=390px"
        }) if (offset > "-780px") {
            $(".big-fwd img").removeAttr();
        }
    });
});

我认为您的比较问题是由于$.offset()的结果是一个对象,而不是一个值

.offset()返回包含属性top和left的对象

在本例中,您可能需要使用offset.left


希望有帮助

我认为您的比较问题是由于$.offset()的结果是一个对象,而不是一个值

.offset()返回包含属性top和left的对象

在本例中,您可能需要使用offset.left


希望有帮助

在设置动画之前进行偏移检查。在这种情况下,还需要比较不等式的数值

$(".big-fwd img").click(function(){  
    var offset = $(".wrap-nga").offset();
    if(offset.left < 780)
        $(".wrap-nga").animate({ left: "-=390px" })
});

在设置动画之前执行偏移检查。在这种情况下,还需要比较不等式的数值

$(".big-fwd img").click(function(){  
    var offset = $(".wrap-nga").offset();
    if(offset.left < 780)
        $(".wrap-nga").animate({ left: "-=390px" })
});

非常感谢您的帮助-很抱歉,我之前没有回复,因为我被另一个项目转移了注意力。在设置动画之前进行偏移检查对于向前移动图像(“大前移img”)非常有效,但由于某些原因(“大后移img”)不起作用。图像继续滚动超过0。有人知道为什么会这样吗?再次感谢你的帮助!只需检查left属性,可能
0
不是正确的值。非常感谢您的帮助-很抱歉,我之前没有回复,因为我被另一个项目转移了注意力。在设置动画之前进行偏移检查对于向前移动图像(“大前移img”)非常有效,但由于某些原因(“大后移img”)不起作用。图像继续滚动超过0。有人知道为什么会这样吗?再次感谢你的帮助!只需检查left属性,可能
0
不是正确的值。