アニメーションオブジェクトをjqueryでドラッグしますか？

Question

私はここでブラックボックスが画面上をゆっくりと移動するフィドルを持っています。私はまた、ブラックボックスをドラッグしてピンクボックスに移動したいと思っていますが、私はそれを理解することはできません。私は以下のコードを使用しようとしていたが、それはすべてを壊し続けた。私は初心者ですので、あなたが助けることができるなら、できるだけ多くの説明をしてください。どうもありがとう！

更新：申し訳ありませんが、最初は間違ったフィドルが投稿されました。

http://jsfiddle.net/LeztD/2/

$("#draggable").draggable({ 
    start: function() { 
     $(this).stop(); 
    }, 
    stop: function(){ 
     cloudMove(); 
    } 
}); 

ドラッグを開始すると、このコードは、基本的にアニメーションを停止します。これは、今あなたは、ドラッグの開始時にアニメーションを停止する必要が

http://jsfiddle.net/mjmitche/LeztD/1/

$(function() { 
     $("#draggable, #draggable-nonvalid").draggable(); 
     $("#droppable").droppable({ 
      accept: "#draggable", 
      activeClass: "ui-state-hover", 
      hoverClass: "ui-state-active", 
      drop: function(event, ui) { 
       $(this) 
        .addClass("ui-state-highlight") 
        .find("p") 
         .html("Dropped!"); 
      } 
     }); 
    }); 

Answer 1

正しいですかあなたがそれをリリースすると、それを元に戻します。

cloudMoveを変更して、アニメーションの開始時の位置を考慮して再生時間を調整することをお勧めします。