jQueryUI - 別のクリックでドロップできるようにドラッグ可能

Question

jQueryUIをドラッグアンドドロップできるようにドラッグアンドドロップを実装しました。

あまり精通していないユーザーには、「移動」ボタンも表示したいと考えています。これらのボタンをクリックすると、要素が選択され、ドロップターゲットで再度クリックするとドロップされます。ドラッグアンドドロップと同じですが、ワンクリックで開始し、別のクリックでドロップしました。

これを別のコードで行うことは可能でしょうが、多少の変更を加えてすべてを再考したくはありません。 jQueryUIにこれをさせる方法はありますか？

私が見つけた唯一のものは、ドラッグ可能なのトリガーメソッド呼び出しされていますが、マウスダウンイベントを渡す必要が...

おかげ

Answer 1

私の答えはthis other questionです。あなたはとても代わり

$("#headerDiv") 
    .mousedown(function(event) { 
    x = event.pageX; 
    y = event.pageY; 
    $(this).parent().addClass('movable'); 
    }) 
    .mouseup(function() { 
    $(this).parent().removeClass('movable'); 
    }); 

バインドclickへのそれを変更して、ドラッグ（mousedown同等）を開始したり、そこに道のほとんどをする必要があります（等価mouseup）ドラッグを終了しているかどうかを判断するためにトグルメカニズムを実装する場合。

Answer 2

私がその標的にオブジェクトをアニメーション化する.animateを使用します。私はゲームでこれを前にしています。たとえば、ボタンのonClickに移動する要素の左上と左の座標を指定できます。