Jquery 我的代码中有错误吗？

我不知道该怎么称呼这个问题，因为这是一个奇怪的问题

基本上，我有一段代码，它根据与左右箭头的交互来移动图像滑块。它昨天工作得很好，今天在完全没有改变任何东西之后就停止工作了

我想我错过了一次机会；或者a}甚至a）因为这些愚蠢的错误似乎总是这样。我是gunna，仔细检查并去除所有内容，看看问题出在哪里，但与此同时，是否有人可以检查一下，然后再次检查所有内容是否按应有的方式编写

$(function(){   
    $("#rightArrow").hover(function() {
        $('.projectImages').animate({left: '-270px'}, 3000);
    });

    $("#leftArrow").hover(function() {
        $('.projectImages').animate({left: '0px'}, 3000);
    });

    $("#rightArrow").click(function() {
        $('.projectImages').css('left', '-270px');
        $('.projectImages').stop();
    });

    $("#leftArrow").click(function() {
        $('.projectImages').css('left', '0px');
        $('.projectImages').stop();
    });

    $(".arrow").mouseout(function() {
        $('.projectImages').stop();
    });
});

干杯， 萨姆，你说停止工作是什么意思？它在干什么

尝试绑定到

mouseover

（或

mouseenter

）而不是

悬停

：

$("#rightArrow").mouseover(function() {
    $('.projectImages').animate({left: '-270px'}, 3000);
});

$("#leftArrow").mouseover(function() {
    $('.projectImages').animate({left: '0px'}, 3000);
});

如果只将一个函数传递给悬停，则此函数将在

鼠标指针上调用

，并且

鼠标悬停

应尝试以下方法：

$("#rightArrow").hover(function() {
    $('.projectImages').animate({left: '-270px'}, 3000);
},function() {
    $('.projectImages').stop();
});

$("#leftArrow").hover(function() {
    $('.projectImages').animate({left: '0px'}, 3000);
},function() {
    $('.projectImages').stop();
});

$.hover（infunc，outpunc）

是一个双参数函数，是此函数的简短版本：

$.mouseenter（infunc）.mouseleave（outpunc）

---

编辑：像Felix说的那样使用

mouseover

和

mouseout

是imho的最佳方式。

然后单击jsLint，您将看到您的代码是否正确。我应该提到。当箭头悬停在任何一个按钮上时，它开始一个循环，看起来像是在移动，而不是在箭头悬停时移动并随后停止$（“.projectmages”）.animate（{left:'-270px'}）.delay（25000）.animate（{left:'0'}）.delay（25000）；对不起，我完全不明白-你能提供你的CSS和标记吗？不管它是排序的，但仍然不知道它在做什么。它根本不工作？或者它没有按预期工作？也缺少CSS文件。类的容器是否有“ProjectMages”css属性位置：相对？这对我来说很有效，有了正确的CSS，就可以找到那个伙伴了，ta。奇怪的是，哈弗昨天工作得很好，但这也行。我想我会使用它，代码稍微少一点。干杯