Hi,
I'm trying to make a demo with visual feedback. A draggable element has to be dropped on a droppable element.
This works perfectly with the inserted jquery and jquery-ui script.
My question:
I want to add a visual feedback by adding a mouseenter and mouseleave on this object.
Because i'm dragging an image the droppable element doesn't fire the mouse events since there is simply a image inbetween them.
How can I make the droppable object see the mouse and still work when dropped?
sym.$("pdf_file").draggable({
opacity: 0.40,
revert: "invalid",
});
sym.$("droppable_object_01").droppable({
accept: sym.$("pdf_file"),
drop: function(){
sym.play('start_drag_pdf_01');
}
});
sym.play('mouse_enter').css({
'opacity': 0.99,
});
sym.play('mouse_leave').css({
'opacity': 0.00
});
Thanks