не работает animate

146

25 сентября 2019, 12:30

не работает animate, что я делаю неправильно???
$('.container').mousemove(function(e){
var X = e.pageX; // положения по оси X
var Y = e.pageY; // положения по оси Y
console.log("X: " + X + " Y: " + Y); // вывод результата в консоль
 if (X>9) {
 $(".ball").animate({
top: X
 },100);
}
else{
};
});

Answer 1

Так как Вы не включили в вопрос разметку и стили, сказать, что Вы делаете неправильно, затруднительно. Вот что, я думаю, Вы хотели сделать:

$('.container').mousemove(function(e) { 
  var X = e.pageX; // положения по оси X 
  var Y = e.pageY; // положения по оси Y 
  //console.log("X: " + X + " Y: " + Y); // вывод результата в консоль 
  if (X > 9) { 
    $(".ball").animate({ 
      left: X + "px", 
      top: Y + "px" 
    }, 50); 
  } else { 
 
  }; 
});

.container { 
  position: relative; 
  border: 1px solid black; 
  background: lightgray; 
  width:100%; 
  height:180px; 
} 
.ball { 
  position: absolute; 
  border: 1px solid black; 
  background: lightgreen; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="container"> 
CONTAINER 
<div class="ball">BALL</div> 
</div>