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"
});

此代码工作正常。我有两个相关的问题，我无法解决。首先，每次添加可拖动时，它都会添加到屏幕上的其他位置。其次，每次我删除一个draggable（我一直在使用.hide（）'因为我无法删除或销毁工作），所有的draggables都会移位。不幸的是，我现在无法确定可拖动的绝对定位。

如果有人可以帮助我找到解决这些问题的方法，那将非常感激。

我觉得把所有东西都转换成绝对定位可能是一个解决方案，但该死的，如果是这样的话，我必须改变很多旧代码......希望得到另一个解决方案。