jQueryのanimate()メソッドが条件文の際にうまく動作しない。 left:100px, top:0pxX600px (600,0)animate600(600,0) jQuery $(window).on('mousemove', function(evt) { mouseX = evt.clientX; mouseY = evt.clientY; if(mouseX > 600){ $('#box1').animate({ left:'100px' }); } else { $('#box1').animate({ left:'600px' }); } });

1. ()
2. mousemoveanimateanimate

if($('#box1').is(':animated')) return;


animation

3. left: 100pxanimate({left: "100px"})





$(window).on('mousemove', function(evt) {
mouseX = evt.clientX;
mouseY = evt.clientY;
if($('#box1').is(':animated')) return;

if(mouseX < 400 && $("#box1").css("left") != "100px"){
$('#box1').animate({
left:'100px'
});
} else if(mouseX >= 400 && $("#box1").css("left") != "400px") {
$('#box1').animate({
left:'400px'
});
}
});


#box1 {
position: absolute;
left: 100px;
background-color: red;
}