Анимация в стиле «анимация» не работает в моем коде JavaScript

Question

У меня есть функция, которая анимирует добавление поля к блоку div, но по какой-то причине стиль анимации easeOut не работает для меня. Стиль линейной анимации отлично работает.

Вот функция:

$("#bokse1").click(function() {
  $("#nav").animate({
    marginLeft: ["+=100px", "linear"],
  }, 400, function() {});
});

Вот скрипка: http://jsfiddle.net/hto5qLmb/1/

Я хотел сделать так:

 marginLeft: ["+=100px", "easeOut"],

но это не работает.

Answer 1

Кажется, что jQuery действительно не хочет играть хорошо с замедлением с помощью этого типа селектора анимации, если вы все еще хотите получить эффект замедления, используйте:

$("#bokse1").click(function() {
  $("#nav").animate({ "margin-left": "+=50px" }, "easeOut" );
});

Кроме того, имейтепосмотрите на инструменты разработчика, и вы увидите множество ошибок, которые возникают, когда вы пытаетесь использовать замедление, как вы делали изначально.Действительно странно