图像按钮(左+;右)jquery使用offset()。左键用于右键单击,而css中的左值用于左键单击仅工作一次?

图像按钮(左+;右)jquery使用offset()。左键用于右键单击,而css中的左值用于左键单击仅工作一次?,jquery,html,css,Jquery,Html,Css,我一直在练习jQuery,不知道您是否能帮我解决这个错误 我看到一个网站,用箭头移动图片,并试图学习一个 然而,我的每一面只能点击一次。我无法让右键显示更多图片,直到它在这个div中结束。当我再次单击时,它什么也没做。控制台上没有我可以调试的东西 HTML: 左按钮的div 具有溢出的特定宽度的div:hidden和另一个宽度为1000px的div,用于将图片保留在一个组中 右键 注意:我测试每次使用150px的jquerymovecss。我也在这里发帖。图片不同,但代码相同 jsfiddle.

我一直在练习jQuery,不知道您是否能帮我解决这个错误

我看到一个网站,用箭头移动图片,并试图学习一个

然而,我的每一面只能点击一次。我无法让右键显示更多图片,直到它在这个div中结束。当我再次单击时,它什么也没做。控制台上没有我可以调试的东西

HTML:

  • 左按钮的div
  • 具有
    溢出的特定宽度的div:hidden
    和另一个宽度为1000px的div,用于将图片保留在一个组中
  • 右键
  • 注意:我测试每次使用150px的jquerymovecss。我也在这里发帖。图片不同,但代码相同


    jsfiddle.net/bewPromtong/ufvgp我把你的
    if/else
    语句搞砸了,但我找到了解决问题的方法。您只是将
    left
    设置为
    -150px
    ,而不是将
    150px
    添加到现有值的顶部。要解决此问题,请将
    动画
    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;
    }
    
    var leftanimator=function(){
    var$maxL=$('#images').css('left');
    
    如果($left我们需要查看代码。我们无法推理。共享代码,我们会告诉你这有什么问题哦…嗨..我刚回来登录。我在jsfiddle.net/bewPromtong/ufvgpHi derek_duncan上发布了我的代码,谢谢!它对移动有效,但在移动最后一张图片时不会停止。那么我该怎么做呢?我尝试添加+=150px。以前,但它似乎永远不会消失。谢谢,我也尝试重新检查我的代码,以防我遗漏了什么。谢谢!