Распространение при наведении мыши на jQuery

Question

У меня есть два Div, оба они определены как предмет, который можно бросить, и могут принять один и тот же предмет. оба элемента Div расположены абсолютно, и иногда они могут располагаться один над другим, в этом случае, когда я перетаскиваю элемент поверх верхнего элемента Div, кажется, что скрытый элемент Div принимает падение.

Я пытался поместить event.stopPropagation () в события Div mouseover, mouseleave, droppable.over, но он ничего не делает ..

Соответствующий код:

$('.myDraggable').draggable({
    start: function (event, ui) { },
    distance: 20,
    revert: 'invalid',
    appendTo: '.myStage',
    scroll: false,
    helper: 'clone',
    zIndex: 999999
});

$('.myDroppable').droppable({
    over: function (event, ui) { },
    drop: function (event, ui) { },
    activate: function (event, ui) { },
    deactivate: function (event, ui) { },
    accept: '.myDraggable'
});

Answer 1

Я могу предложить обходной путь для вашей проблемы.Делайте элементы перетаскиваемыми, когда мышь находится над элементом, используя «live» или «делегат».Код ниже не D & D, но вы можете легко перенести его на свой проект, заменив добавление класса css созданием перетаскиваемого объекта.