动画样式的缓动，缓动等在我的JavaScript代码中不起作用

Question

我有一个功能，可以为div盒添加边距动画，但是由于某些原因，easyOut动画样式不适用于我。线性动画样式效果很好。

功能如下：

$("#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" );
});

此外，请查看您的开发人员工具，当您尝试以最初的方式使用缓动时，您会看到无数的错误触发。确实很奇怪