jquery - jQueryバインドアンバインドアニメーション

Question

このコードを作成しました。text/divのブロックを前後にアニメーション化しようとしていますが、なぜこれが「placeRight」関数で初めて機能するのでしょうか。right : "+=750"属性に何か問題がありますか？

$(document).ready( function ( ) {
   $("#text").click(placeRight);
});   

    var placeRight = function() {     
      $("#text").animate( { right :  "+=750" }, 1300); 
      $("#text").unbind("click"); 
      $("#text").click(placeLeft);
    }

    var placeLeft = function() {     
      $("#text").animate( { left :  "+=750" }, 1300); 
      $("#text").unbind("click");
      $("#text").click(placeRight);
    }

Answer 1

あなたはより少ないコードでそれを行うことができます。動作するデモは次のとおりです：http：//jsfiddle.net/kkZtD/1/

Answer 2

ええ、あなたは2倍の時間を持っている$("#text").animate( { left : "+=750" }, 1300);
ので、常に+750pxの位置に配置しようとしています

このように変更します

$(document).ready( function ( ) {
   $("#text").click(placeRight);
});   

var placeRight = function() {     
  $("#text").animate( { right :  "+=750" }, 1300);
  $("#text").unbind("click"); 
  $("#text").click(placeLeft);
}

var placeLeft = function() {     
  $("#text").animate( { left :  "-=750" }, 1300); //or { right: 0 }
  $("#text").unbind("click");
  $("#text").click(placeRight);
}

Answer 3

これを試して：

$(document).ready(function(){
   $("#text").click(function(){
      $(this).animate({ right: "+=750" }, 1300).animate({ left: "0" }, 1300);
   });
});