JavaScriptのドラッグ可能な問題

Question

私のdivのラベルをドラッグできません。私の部門はdraggablingと私のラベルです。私は私のdivをdraggabling閉じるとき私は私のラベルdra draableことができます。しかし、私はそれらを一緒にdraggableすることはできません。どうすればいいのですか

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

Answer 1

私はあなたがこの特定の要素にdraggableをキャンセルしようとしていると思います。このような。

http://jsfiddle.net/z34pc5k0/

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

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

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