jquery - jQuery ONE mouseenterの後に斜めのアニメーションを停止する方法は?

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() メソッドを参照してください