jQuery动画功能不起作用：属性剩余的关键帧值无效

Question

jquery file

上面是我的jquery代码。我希望每次单击青蛙图像时，图像都将向左移动50像素。但是当我运行代码时，它总是说“属性剩余关键帧值无效：+ = 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>