Jquery Draggable / Live

Question

我有：

$(document).ready(function () {

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


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

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

      });

});

但是，draggable函数只适用于加载页面时已经存在的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

Answer 2

在您的情况下，最简单的解决方案是在创建新元素时调用.draggable()，如下所示：

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