Php 克隆一个可拖动的div

这个克隆可拖动的脚本有一个奇怪的效果。我创建了一个可拖动div的克隆，然后删除了原始div。当我拖动克隆并将其放到第二个容器上时，会出现两个拖动对象：原始的和附加到主体上的克隆。在那之后，两者都不可拖动。有什么问题吗

下面是创建元素并使其可拖动的代码。加载页面时，它会从php脚本中得到响应

       // Add link with tools
       echo ' <div id="'.$url['ID'].'" class="link"> <img class="link_handle" src="http://www.google.com/s2/favicons?domain='.$urlico.'" align="middle" />&nbsp;<a href="'.$url->URL.'" target="_blank" onmouseOver="preview_link(\'show\', this, \''.$node['ID'].'\');" onmouseOut="preview_link(\'hide\', this, \''.$node['ID'].'\');" >'.$url->TITLE.'</a> <a title="Edit" class="link_button_edit" href="#" onClick=""></a><a title="Delete" class="link_button_delete" href="#" onClick="delete_link(\''.$url['ID'].'\', \''.$node['ID'].'\');"> </a> </div>';

       // Make link draggable
       echo "<script type='text/javascript'>\n";
       echo '  $("#'.$url['ID'].'.link").draggable({
                     handle: ".link_handle", 
                     helper: function() {  
                         $copy = $(this).clone();
                         $(this).remove();
                         return $copy; 
                     },
                     appendTo: "#page" ,
                     scroll: false,
                     revert: true,
                });';
       echo "</script>\n";

//添加带有工具的链接
回声'；
//使链接可拖动
回音“\n”；
回显“$”（“#”。$url['ID']..link”）.draggable({
句柄：“.link\u句柄”，
助手：函数（）{
$copy=$（this.clone（）；
$（this.remove（）；
退回$copy；
},
附件：“#第页”，
卷轴：错，
回复：对，
});';
回音“\n”；

下面是调用脚本的HTML

  <div id="page"> <!-- Begin page div -->

   <script type="text/javascript">

   $(document).ready(function() {

    // Make ajax call to recreate linkcards from XML data
    $.ajax({
         url: "get_nodes.php",
         type: "POST",
         data: { },
         cache: false,
         success: function (response) {
            if (response != '') 
            {
              $("#page").append(response);                 
              alert(response);
            }
         }
    });
   });
   </script>

  </div> <!-- End page div -->

$（文档）.ready（函数（）{
//通过ajax调用从XML数据重新创建链接卡
$.ajax({
url:“get_nodes.php”，
类型：“POST”，
数据：{}，
cache:false，
成功：功能（响应）{
如果（响应！=''）
{
$（“#页”）。追加（答复）；
警报（响应）；
}
}
});
});

---

我没有这个可访问的，它只在我的本地pc上。

发现如果我不删除原始代码，代码就可以工作。理想情况下，我更喜欢将原始文件从第一个容器直观地拖到第二个容器的行为。仅当容器没有溢出：隐藏时才能执行此操作。通过克隆，无法删除原始文件。这并不理想，但有效。下面是在没有行

$（this.remove（））的情况下工作的代码

//使链接可拖动
回音“\n”；
回显'$（“#'.$url['ID']..link”）.draggable（{
句柄：“.link\u句柄”，
助手：函数（）{
$copy=$（this.clone（）；
退回$copy；
}, 
附件：“#第页”，
卷轴：错，
回复：对，
});'; 
回音“\n”；

   // Make link draggable 
   echo "<script type='text/javascript'>\n"; 
   echo '  $("#'.$url['ID'].'.link").draggable({ 
                 handle: ".link_handle",  
                 helper: function() {   
                     $copy = $(this).clone(); 
                     return $copy;  
                 }, 
                 appendTo: "#page" , 
                 scroll: false, 
                 revert: true, 
            });'; 
   echo "</script>\n";