我正在尝试创建按钮的动态divs onClick ,但我也想使新添加的divsdraggable 如何实现此功能?

HTML

拖我

拖我

拖我

使用Javascript

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

我想做的是,我需要在单击时动态创建div并将相同的draggable功能应用于它们

#1楼 票数:3 已采纳

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

var nDraggable = 3;

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

这是你要找的东西吗?

  ask by baig772 translate from so

未解决问题?本站智能推荐:

2回复

通过拖动动态创建DIV

我正在使用JavaScript动态创建div元素,每个div中都有一个移动图标,用户可以使用它来拖动/移动div,这是我的div创建代码: 当用户拖动移动图标,任何其他解决方案时,如何使用JQuery draggable()函数移动我的div?
1回复

Javascript可拖动div背景

我遇到了一个小问题,我试图将代码修改一天之久,但是没有成功。 问题是:Draggable效果很好,我可以毫无问题地拖动图像..但是图像甚至使我看到背景色的蓝色。 我知道正确是关于边界的问题,但是我真的不知道要解决该问题,我试图从Image中获取X和Y,但是没有成功。 示例代码: ht
2回复

无法编辑可拖动div的内容

我有这段代码,也是从互联网上改编的: 基本上,我正在做的是动态制作可拖动文本框。 现在,我正在尝试在创建的任何文本框的div中编辑文本,但是无法更改,它只是突出显示是否单击,然后在释放鼠标时,它会返回到其原始状态。 实际上,我想将此代码http://jsfiddle.net/cSMYG/
2回复

如何创建可以拖动以显示内容的div?

我有一个带有图像和一些文本的div。 我希望整个div是可拖动的,但只能向上拖动。 当访问者用鼠标向上拖动div时,div下有内容,该内容不会移动。 这意味着该内容已经存在。 可拖动的div与之重叠。 我想做的一个很好的例子是Microsoft Windows 8锁屏。 您向上拖动,
1回复

在具有不可拖动的儿童图像的可拖动div上的FireFox问题

我使用下面的脚本设置了一个水平可拖动的div。 在chrome中,一切正常,儿童图像不是darggable,因为我设置了draggable='false' 。 正如我在这里读到的那样,在FireFox中,属性draggable='false'是不够的。 我已经在上面的问题( ondrag
1回复

JQuery可拖动动态与document.createElement

我希望能够动态创建div并使用JQuery使div可拖动。 如果我使用JQuery选择器,该元素将变为可拖动。 如果我创建一个div然后在div上调用draggable()它不起作用。 来自控制台的错误声明“布尔值不是函数”。
2回复

根据放置的可拖动项更改可放置的div文本

各位程序员,我有2个具有唯一ID的可拖动div。 我需要将可拖放div上的文本更改为基于拖放的特定文本。 HTML: jQuery代码:
2回复

jQuery:使用可拖动的div进行z-index排序

在以下代码中,我有: 单击相应按钮时弹出的div 如果拖动它们,则(最后一个)活动对象应该在顶部 目前,我的代码无法像预期的那样在最后一个活动元素被购买到前面的地方工作。 我正在尝试创建一个可扩展的解决方案,以后可以有大约五个或更多带有不同内容的按钮。 另外,有没有办法让d