Draggable event callbacks

In addition to the options that we have already looked at, there are three more that can be used as callback functions to execute code after specific custom events, defined by the draggables component, occur. These events are listed below.

Option	Triggered
drag	When the mouse is moved while dragging.
start	When dragging starts.
stop	When dragging stops.

When defining callback functions to make use of these events, the functions will always receive two arguments automatically. The original event object as the first argument and a second object containing the following properties:

Option	Usage
helper	A jQuery object representing the helper element.
position	A nested object with properties top and left of the helper element relative to the original drag element.
absolutePosition	A nested object with properties top and left of the helper element relative to the page.

Using the callbacks, and the two objects that are passed as arguments, is extremely easy...