アニメーションは一度だけ

Question

jQuery .animate（）を使用して項目を一度移動しますが、100px単位で移動しているようです。それ以上のマウスオーバーのためですか？

var ww = $(window).width(); 

$(document).on('mouseover', '#myTarget', function() { 
    var dp = $(this).offset().left; 

    if ((ww - dp) < 150) { 
     $('.myDiv.active').animate({left:'-=100px'},500); 
    } 
}); 

Answer 1

をmouseleaveことがあります。マウスが要素またはその子の1つに入る、または離れるたびに、mouseoverイベントがトリガーされます。これはmouseenterでは発生しません。 example hereにこれが表示されます。

this answerを参照してください。同様の質問と提供されている例のソースについては、

Answer 2

mouseoverイベントは、マウスがターゲット上にあるときに繰り返し送信されます。あなたは、MouseEnterイベントをしたいと $(document).on('mouseenter', '#myTarget', function() { にそれを変更すると良いだろう

Answer 3

使用jquery.one

$(document).one('mouseover', '#myTarget', function() { 
    var dp = $(this).offset().left; 

    if ((ww - dp) < 150) { 
    $('.myDiv.active').animate({left:'-=100px'},500); 
    } 
});