图像按钮（左+右）jquery使用offset（）。左边用于右键单击而左边的值在css中左键单击工作只有一次？

Question

我一直在练习jQuery，我想知道你是否可以帮我解决这个错误。

我偶然发现网站使用箭头移动图片并尝试学习图片。

然而，我的每一方只能点击一下。我不能让右键显示更多图片，直到它在这个div结束。当我再次点击时，它没有做任何事情。控制台上没有任何东西我可以调试。

HTML：

1. div for left button。
2. 以overflow:hidden为特定宽度的div和另一个宽度为1000px的div，以便将图片保留在一个组中。
3. 右键

注意：我测试每次使用jQuery移动CSS为150px。我也在这里发帖。图片不同但代码相同。

jsfiddle.net/bewPromtong/ufvgp

Answer 1

我搞砸了你的if/else声明，但我找到了解决问题的方法。您只是将left设置为-150px，而不是在现有值的基础上添加150px。要解决此问题，请将animate jquery更改为此。

var leftanimator = function() {
    var $maxL = $('#images').css('left');
    if ($left <= $maxL) {
        return false;
    }else {
    $wrapper.animate({'left':'+=150px' }, 1000);  //this change
    }
    return false;
}
var rightanimator = function() {
    var $right = $('#images').offset().left;
    var $maxR = 0;
    $wrapper.animate({'left':'+=-150px' }, 1000);  //this change
        return false;
}

jsfiddle is here

请务必将if/else重新添加到您的右侧动画师功能中！洛尔