Change z-index when dragging

[ASTN1]

Hi,

I would like to set a CSS property (z-index: 9999) on each element that has been dragged.

I thought about using the dragEnd event, but 'pointer' isn't an object...

$draggable.on( 'dragEnd', function( event, pointer ) {
    pointer.css('z-index', '9999');
});

As far as I know there isn't a class for dragged elements...

Any idea?

[desandro]

Draggabilly adds is-dragging class. You can use CSS

.is-dragging {
  z-index: 2;
}

[ASTN1]

Thank you for your answer, but this class disappear as soon as you drop the div, isn't?

[desandro]

Try this code:

$draggable.on( 'dragEnd', function( event ) {
    $( event.currentTarget ).css({ zIndex: 9999 );
});