如何限制 div 拖动包含 class="XYZ"

【问题标题】：How to restrict div to drag which contain class="XYZ"如何限制 div 拖动包含 class="XYZ"
【发布时间】：2017-04-12 03:47:59
【问题描述】：

请帮助我，我是 j Query 和 Angular 的新手我有 1 个 Div，它是另一个 Div 的容器，我想限制拖动包含 XYZ 类的 Div

【问题讨论】：

你试过这个stackoverflow.com/questions/704564/…吗？
您可以使用draggable函数的cancel属性。 fiddle 有帮助！
是的，我用过，但它不起作用

标签： jquery angularjs drag-and-drop draggable

【解决方案1】：

使用draggable函数fiddle的cancel属性：

JS：

$('.drag').draggable({
    cancel: ".xyz",
    helper: function(){
        return "<span>Dragging</span>";
    }
});
$('#drop').droppable({
    accept: 'div',
    drop: function(e,ui){
        ui.draggable.text('I am draggable')
    }
})

HTML：

<div class="drag">I can be dragged</div>
<div class="drag xyz">I cannot be dragged</div>
<br/>
<br/>
<div id="drop">Drop Here</div>

【讨论】：