jquery - 在 Jquery 中使新的 Div 可拖动

标签 jquery html drag-and-drop draggable

我正在尝试让 jquery 添加新的 div,然后使其可拖动,但我一直在尝试并在 google 上查找,但我在下面的代码中找不到任何东西

 $(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 - 在 Jquery 中使新的 Div 可拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3538345/

相关文章:

javascript - 获取两组字符之间的单词

html - css:相对于其他元素定位

javascript - HTML5 拖放 - 仅适用于每个拖放区的项目

Jquery在点击时淡入菜单

javascript - 当内部元素具有事件类时显示 block 父类

javascript - 在 Laravel 中使用时 fullcalendar 不是一个函数

html - H3随其内容延伸

javascript - jQuery 多次点击实例

javascript - Angular 拖放列出单独容器中的项目

swift - 仅当 iOS11 可用时才包含类的扩展