Javascript可拖动问题答案

【问题标题】：Javascript draggable issueJavascript可拖动问题
【发布时间】：2016-08-14 09:56:52
【问题描述】：

我无法在 div 中拖动标签。我的 div 正在拖动，我的标签也是如此。当我关闭拖动我的 div 时，我可以拖动我的标签。但我不能将它们拖在一起。我怎么会这样

<div id="DraggableDiv" ondrop="drop(event)" ondragover="allowDrop(event)" class="divKolon ui-resizable ui-draggable ui-draggable-handle" style="margin-left: 0px; position: relative; height: 171.545px; width: 367.545px;">
<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; display: block;"></div>
<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90; display: block;"></div>
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90; display: block;"></div>
<span class="label label-danger col-xs-1" id="drag0" draggable="true" ondragstart="drag(event)">testLabel</span>
</div>

还有我的 JavaScript 代码。

$(".DraggableDiv").draggable();
$(".drag0").draggable();

【问题讨论】：

你能做个小提琴吗？
jsfiddle.net/DLQsX/396
你想让容器 (id="DraggableDiv") 和标签 (id="drag0") 都可以拖动吗？
是的先生，我有很多 DraggableDiv 我想要 Draggable Label 从一个到另一个。
jsfiddle.net/z34pc5k0/3 这是我的小提琴项目.. 我也想 Draggable 我的 Span 的

标签： javascript php jquery twitter-bootstrap jquery-ui

【解决方案1】：

我认为您正在寻找针对特定元素的取消 draggable。像这样。

http://jsfiddle.net/z34pc5k0/

  $("#DraggableDiv").draggable({
    cancel: "#drag0"
  });

  $("#drag0").draggable();

https://api.jqueryui.com/draggable/#option-cancel

【讨论】：

我有很多标签：/ 并且它以编程方式：/ 我不知道女巫是拖动 1-2-3-4-5 .....
然后为不可拖动的元素生成一个特定的类。
但是我该怎么做呢？ :(
你如何生成标签？在Skype上给我发短信我会尽力帮助你
我解决了这个代码块 $(MyDivAdd).draggable ({ contains : EklenecekDiv });