如何动态生成一个div并使其可拖动

我试图创建一个按钮的动态divsonClick，但我也想使新添加的divs为draggable。我如何实现这一功能？如何动态生成一个div并使其可拖动

HTML

将身边的

的Javascript

$(function() { 
$("#draggable").draggable(); 
$("#draggable-2").draggable(); 
$("#draggable-3").draggable(); 
});

我想要做的是我需要点击动态创建divs并将相同的draggable功能应用于它们

来源

2015-03-30 baig772

我认为您只需将一个新div添加到您的容器并使其可拖动即可。

var nDraggable = 3; 

$('#yourButton').click(function(){ 
    nDraggable++; 
    $("#container").append('<div id="draggable-'+nDraggable'">Drag me around</div>'); 
    $("#draggable-"+nDraggable).draggable(); 
});

这是你在找什么？

来源

2015-03-30 21:52:30

是的，但我必须给这个'draggable-4'一个动态名称，说它可以是'draggable-num-passed-in-parameter' – baig772 2015-03-30 21:56:37

您可以使用全局变量或其他方式来统计多少与ID开始与“draggable-”的div有。你更倾向哪个？ – 2015-03-30 21:59:40

可否请您编辑您的答案与全球变量的东西？我不能在循环中做，因为我没有任何限制添加div – baig772 2015-03-30 22:01:22

如何动态生成一个div并使其可拖动

回答

相关问题