Add an afterdrag event to draggable

Add an afterdrag event to draggable

I think there should be an callback for immediately after the drag has occurred.

The reason I've needed this is because I've needed to manipulate the draggable after its been dragged (specifically, without stopping the drag).

My current use-case is as follows:

The user can drag an image around to select an appropriate cropping, but I need to prevent them from dragging any part outside of its container, thus creating whitespace. This is difficult because:

1) Returning false from the drag event stops dragging altogether (makes for awkward UX, you have to re-click to start dragging again)
2) The only other place it would make sense is on the stop event, but then the user can drag the image into an invalid position and my validation would snap it back (more awkward UX).

If I add my code to constrain the image position in an afterdrag event, I can see where it has been dragged, and snap it back immediately without halting the current drag. This creates the boundaries required without stopping the user from their drag.

My goal is similar to what the containment options does, but since the image is larger than its container, that option is moot.

Pull request:  https://github.com/jquery/jquery-ui/pull/166