在设置动画并悬停在元素上时更改animate（）速度

Question

我需要更改使用jQuery animate（）动画的元素的速度。 速度应仅在用户将鼠标悬停在给定元素上时更改。 这是我到目前为止的内容，但似乎没有任何作用。

    var speed = 2000;

    $('li').hover(
    function(){
        var speed = 500;
    }
    );

    $(function () {
       function drive() {
         $( ".plane" ).animate({
            "left": "+=50",
          }, speed, drive);
        } 
      drive();
    });

Answer 1

您需要修改全局变量速度，而不仅仅是在悬停函数的回调中设置另一个局部变量。 另请注意，悬停将执行两次，一个用于悬停，另一个用于悬停。

   var speed = 2000;

    $('li').hover(function(){
        speed += 500;
    });

    $(function () {
       function drive() {
         $( ".plane" ).animate({
            "left": "+=50",
          }, speed, drive);
        } 
      drive();
    });