Question

I have 3 Html table. the first has a div inside a td in the table and the others are empty. I try to monitor\track when dragging div from one table to another. I’ve tried to it with

$("td").change(function(){});

but it doesn’t work.

Is it possible to track\monitor.. when dragging div from one table to another ?

Answer 1

you can visit the documentation on jquery at this page:

Jquery Draggable

If you click on view source you can find the Events that you can use to monitor the drag.
Here a code sample copied from it, make attention to drag: callback function:

$(function() {
    var $start_counter = $( "#event-start" ),
        $drag_counter = $( "#event-drag" ),
        $stop_counter = $( "#event-stop" ),
        counts = [ 0, 0, 0 ];

    $( "#draggable" ).draggable({
        start: function() {
            counts[ 0 ]++;
            updateCounterStatus( $start_counter, counts[ 0 ] );
        },
        drag: function() {
            counts[ 1 ]++;
            updateCounterStatus( $drag_counter, counts[ 1 ] );
        },
        stop: function() {
            counts[ 2 ]++;
            updateCounterStatus( $stop_counter, counts[ 2 ] );
        }
    });
...
});