Inspect helper clone

Question

I use the Google Chrome developer tools. When I want to inspect an element, I usually right click it and select "inspect element". This doesn't work for draggable helper clones. My code is as follows:

$myElement.draggable({helper: 'clone'});

How can I inspect the helper clone that is only created once I start dragging the element?

Answer 1

Just throw an exception from inside some code that is triggered while you are dragging - this will kill the js that erases the draggable element when you release the mouse button and freeze the draggable where it was on the screen when the exception occurred.

Then you are free to inspect it to your hearts content :)

The easy way is to throw an exception when you try to drop the element on a dropable, that's how i usually do it.