问题描述
如何使用jquery ui droppable获取确切的放置元素
我有2个或更多元素重叠。
当我放下一个元素jQuery ui时,对每个元素运行“ drop”事件,而不会放我放下的元素。
解决方法
好的,我找到了解决方案
我添加了hovered
类,并在删除该类时检查我的元素是否具有此类
$(".droppable").hover(
function () {
$(this).addClass('hovered')
},function () {
$(this).removeClass('hovered')
},);
$('.droppable').droppable({
refreshPositions: true,greedy: true,tolerance: "touch",drop: function (event,ui) {
var draggedElement = ui.draggable;
var droppedElement = $(this);
if(droppedElement.hasClass('hovered')) {
console.log('droppable')
// drop my element
}
},});