Draggable - Eventos

Quando um draggable é arrastado, este dispara alguns eventos. Tais eventos são:

• start - Quando o drag começa.
• stop - Quando o drag termina.
• drag - Quando o draggable se move enquanto é arrastado.

Por exemplo, este draggable já foi arrastado por uma distância de 0 pixels.

Eis como é que se faz isso:

$("#drag_eventos").draggable({
    start: function(event, ui) {
        $(this).html("Que legal, estou me mexendo!");
    },
    stop: function(event, ui) {
        $(this).html("Estou parado, me arraste por aí.");
    },
    drag: function(event, ui) {
        $("#drag_distancia").html($("#drag_distancia").html() + 1);
    }
});