在Jquery中创建新的Div Draggable

前端之家收集整理的这篇文章主要介绍了在Jquery中创建新的Div 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"); 
              }

谢谢

解决方法

如果您使用的是 jQuery UI,那么创建您的元素并使其可拖动:
$("<div />").draggable();

猜你在找的jQuery相关文章