javascript - jquery 动画和 .offset

Question

基本上，我有一个 780 像素长的图像，并且我有一个窗口，通过该窗口一次只能看到 390 像素。有左箭头和右箭头，因此您可以向一种方向滚动，然后向另一种方向滚动。我希望在到达图像末尾 0 像素或 -780 像素时禁用箭头。我尝试了以下代码，只是为了看看我是否朝着正确的方向前进，但它仅适用于“>”符号，而我需要它与“==”一起使用:

$(function() {

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


        $(".wrap-nga").animate({
            left: "-=390px"
        })
        if (offset > "-780px") {
            alert("hello");
        }
    });

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

$(function() {

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


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

我真的很失落。我尝试过“位置”而不是“偏移”，但这不是问题。任何帮助都会很棒。您还可以访问 http://www.lieslswogger.com 更好地了解我正在尝试做什么。并单击图库中的一张图像。谢谢!!

Answer 1

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

来自http://api.jquery.com/offset/

.offset() returns an object containing the properties top and left.

在您的情况下，您可能想使用 offset.left。

希望有帮助!