jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery UI – 允许droppable具有可阻止的div大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我不确定如何实现我想要做的事情.我在这里设置了一个例子:

http://jsfiddle.net/zs6US/

$('.draggable').draggable({
    revert: 'invalid'
});
$('#droppable').droppable({
    accept: '.draggable'
});

绿色框是有效的可放置的.红色框不是.如果拖拽落在红色上,即使是绿色上方的红色,我也希望它无效并恢复.在示例中,这不起作用.

这可以实现吗?
我已经梳理了API并通过其他问题,但未能找到答案.

@L_696_4@

只需将两个元素添加到droppable类型,然后检查它已被删除的元素.如果它是块然后恢复.

http://jsfiddle.net/zs6US/12/

$('.draggable').draggable({
    revert: 'invalid'
});

$('#droppable,#block').droppable({
    accept: '.draggable',drop: function( event,ui ) {
        if (this.id == 'block') {
            ui.draggable.draggable({ revert: true  });
        } else {
            ui.draggable.draggable({ revert: "invalid"});
        }
    }
});

大佬总结

以上是大佬教程为你收集整理的Jquery UI – 允许droppable具有可阻止的div全部内容,希望文章能够帮你解决Jquery UI – 允许droppable具有可阻止的div所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。