Menu
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?
706
You can copy by inspect element and target the div you want to copy. Just press ctrl+c and then your div will be copy and paste in your code it will run easily.
Open the developer tools. Now start dragging the thing you want, and when it's time press any key on your keyboard and you'll be able to inspect the dragable element.
Click any page element to reveal its source in the inspect panel. To modify or delete a page element, select its code in the inspector. Then, either double-click to change the text, or right-click and choose Edit as HTML or Create New Node to add code.
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.
113
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
