Jquery 可拖动/实时

Question

我有:

$(document).ready(function () {

      $(".div1, .div2, .div3, .div4, .div5").draggable();


      $("#menu").click(function () {

           $("<div class='div1'></div>").appendTo("#layout");

      });

});

但是可拖动功能仅适用于页面加载时已经存在的 div。当我动态添加时，我无法拖动它们。

我的 HTML:

     <div id="layout">
       <div class="div1"></div>
     </div>

Answer 1

您只需使用以下命令将可拖动处理程序添加到新的 div 中:

 $("<div class='div1'></div>").appendTo("#layout").draggable();

例如。

Here's a live example .