Jquery 动画功能不起作用：属性左侧的关键帧值无效

Question

jquery file

以上是我的 jquery 代码。我希望每次单击青蛙图像时，它都会向左移动 50 像素。但是当我运行代码时，它一直在说 "Invalid keyframe value for property left: +=50px" google console

Answer 1

这是一个工作示例。

$("#clickme").click(function(){
  $(this).animate({ "left": "-=50px" }, "slow" );
});

#clickme {
  position: absolute;
  background: red;
  width: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="clickme">Click me</div>

Jquery animate function doesn't work: Invalid keyframe value for property left