jquery - jQuery如何在一个鼠标输入后停止对角动画？

Question

$(document).ready(function(){
  $(".glavna").mouseenter(function(){
    $(".ocenjevanje").animate({right:"+=440", bottom:"+=20"},1000);
    $(".svetovanje").animate({right:"+=440", top:"+140"},1000);
    $(".onas").animate({left:"+=440", top:"+160"},1000);
    $(".infotocka").animate({left:"+=440", bottom:"+3"},1000);
  });
});

所以现在每次我将鼠标放在我的主卡（glavna）上时，所有其他卡都会移到一边。但是我怎样才能使它只适用 1 次？我想移动主卡，所有其他卡移动到一边并留在那里。我怎样才能做到这一点？

Answer 1

尝试这个：

var flag=true;
$(document).ready(function(){
   $(".glavna").mouseenter(function(){
      if(flag)
      {
         $(".ocenjevanje").animate({right:"+=440", bottom:"+=20"},1000);
         $(".svetovanje").animate({right:"+=440", top:"+140"},1000);
         $(".onas").animate({left:"+=440", top:"+160"},1000);
         $(".infotocka").animate({left:"+=440", bottom:"+3"},1000);
         flag=false;
      }

   });
});

Answer 2

尝试这个：

$(document).ready(function(){
  $(".glavna").one('mouseenter', function(){
    $(".ocenjevanje").animate({right:"+=440", bottom:"+=20"},1000);
    $(".svetovanje").animate({right:"+=440", top:"+140"},1000);
    $(".onas").animate({left:"+=440", top:"+160"},1000);
    $(".infotocka").animate({left:"+=440", bottom:"+3"},1000);
  });
});

请参阅jQuery .one() 方法