Как ограничить div для перетаскивания, которые содержат класс = "XYZ"

Question

Пожалуйста, помогите мне, я новичок в j Запрос и угловой У меня есть 1 Div, это Контейнер для другого Div, который я хочу ограничить Перетащите Div, которые содержат класс XYZ

Answer 1

Используйте cancel атрибут draggable функции fiddle:

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>