jquery - 图像按钮（左+右）jquery 使用 offset().left 进行右键单击，css 中的 left 值用于左键单击只工作一次？

Question

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

我遇到了使用箭头移动图片的网站并尝试学习一个。

但是，我的每边只能单击一次。在此 div 结束之前，我无法让右键显示更多图片。当我再次点击时，它什么也没做。控制台上没有我可以调试的东西。

HTML：

1. div 左键。
2. 具有特定宽度的overflow:hiddendiv 和具有宽度：1000px 的另一个 div 以将图片保存在一个组中。
3. 右键

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

jsfiddle.net/bewPromtong/ufvgp

Answer 1

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

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 在这里

记得重新添加你if/else的正确的动画师功能！哈哈