jquery - JQuery Draggables、動的に削除/破棄/削除

Question

次のような卑劣なコードを使用して、ドラッグ可能オブジェクトを動的に追加できるプログラムがあります。

(function ($) {
   $.fn.liveDraggable = function (opts) {
      this.live("mouseover", function() {
         if (!$(this).data("init")) {
            $(this).data("init", true).draggable(opts);
         }
      });
      return $();
   };
}(jQuery));

$("#draggable_component").liveDraggable({ 
    scroll: true,
    handle: ".drag_handle",         
    containment: ".middle_container"
});

このコードは正常に動作します。解決できない 2 つの関連する問題があります。まず、ドラッグ可能なものを追加するたびに、画面上の別の場所に追加されます。第二に、ドラッグ可能なものを削除するたびに (.hide() で行っていたのは、削除または破棄を機能させることができないためです)、すべてのドラッグ可能なものがシフトオーバーします。残念ながら、現時点ではドラッグ可能オブジェクトの配置を絶対にすることはできません。

誰かがこれらの問題の解決策を見つけるのを手伝ってくれたら、それは大歓迎です.

すべてを絶対配置に切り替えることが1つの解決策かもしれない気がしますが、そうであれば、多くの古いコードを変更する必要があります...別の解決策を期待しています。