Jquery 如何使draopable不接受具有特定类的项
我可以在我的可拖放元素中设置Jquery 如何使draopable不接受具有特定类的项,jquery,user-interface,jquery-ui,drag-and-drop,Jquery,User Interface,Jquery Ui,Drag And Drop,我可以在我的可拖放元素中设置accept属性,如下所示: item.droppable({ accept : '.class'}) 现在,可以将与.class匹配的元素放入可拖放列表中,而不将其余元素放入可拖放列表中 但我需要逆转这一点:为不应拖动的项设置一个类,并且对于具有特定类的项不应触发over事件 有什么办法吗?您可以使用如下所示的选择器: $(函数(){ $('.draggable').draggable({ 回复:“无效” }); $('.droppable').droppable
accept
属性,如下所示:
item.droppable({ accept : '.class'})
现在,可以将与.class
匹配的元素放入可拖放列表中,而不将其余元素放入可拖放列表中
但我需要逆转这一点:为不应拖动的项设置一个类,并且对于具有特定类的项不应触发over事件
有什么办法吗?您可以使用如下所示的选择器:
$(函数(){
$('.draggable').draggable({
回复:“无效”
});
$('.droppable').droppable({
接受:':不是(.invalid),
结束:函数(){
console.log('仅为有效项调用')
}
});
});代码>
/*样式在这里*/
div{
高度:50px;
宽度:50px;
利润率:10px;
边框:1px实心;
}
无效分区{
背景:银;
}
可下降分区{
高度:70像素;
宽度:70px;
}
为问题添加更多细节。请提供您迄今为止所做的代码。。。!