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 class='div1'></div>").appendTo("#layout").draggable(); 

例如。

Here's a live example。

Answer 2

在你的情況下，最簡單的方法是調用.draggable()上的新元素創建它們，就像這樣：

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