javascript - jquery 动画然后停止

Question

使用 jquery animate 有点困难。

此时，如果我继续单击按钮，显然它每次都会将对象向右移动 50px

$( ".button" ).click(function() {
  $( "#object" ).animate({opacity: 1,right: "+=50",}, 500, function() {}
);

有没有办法确保单击一次即可移动它，然后第二次单击则不会移动它？

即。将其向右移动的规则:50px 就是这样，而不是 + 50px？

非常感谢任何帮助!!

Answer 1

使用.one()

$( ".button" ).one('click',function() {

Fiddle Demo