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();