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

Posted 2023-05-08

【中文标题】如何限制 div 拖动包含 class="XYZ"

【英文标题】：How to restrict div to drag which contain class="XYZ"

【发布时间】：2017-04-12 03:47:59

【问题描述】：

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

【问题讨论】：

你试过这个***.com/questions/704564/…吗？

您可以使用draggable函数的cancel属性。 fiddle 有帮助！

是的，我用过，但它不起作用

【参考方案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>