在Jquery中创建新的Div Draggable

Ric*_*tar 7 html jquery drag-and-drop draggable

我试图让jquery添加新的div然后让它可拖动但我一直在尝试和寻找谷歌我在这里找不到任何东西我的代码如下

 $(document).ready(function() {

 $("#draggable").draggable({ 
   containment: 'parent',
   handle: 'drag_border',
   drag: function(e, ui) {
          var top = ui.position.top;
          var left = ui.position.left;
          $("#top").html(top);
          $("#left").html(left);
           }
       }); 
   });

       function New_Text() {   
            $("<div id=\"draggable\" style=\"width: 200px; height: 50px; border:dashed thin; background-color: #fff\">Drag me</div>").appendTo("div#drag_border"); 
              }
Run Code Online (Sandbox Code Playgroud)

谢谢

cll*_*pse 11

如果您正在使用jQuery UI,那么创建您的元素并使其可拖动:

$("<div />").draggable();
Run Code Online (Sandbox Code Playgroud)