0 Replies Latest reply on Jul 21, 2016 4:30 AM by marloesl13864941

    Fire mouseenter / mouseleave event with drag en drop

    marloesl13864941

      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