Events triggered on jquery dragging

Question

Is there a way to have an event triggered when you drag an item to a certain place, or drag it a certain amount?

For example, with a slider you can have an event happen when you drag the slider like this:

$( '.slider' ).slider( {
  slide  : function(){},
  change  : function(){}
});

is there anything like this with a draggable element using jquery ui?

Answer 1

Found out it is very simple:

$('#id').draggable({
    drag: function(){
        //code here
    }
});

Answer 2

I saw you tagged with JQUI so if you are using JQuerUI's slider, it has functions for start and change. If you keep the start number around and compare on each call to change you can get offset of a given pull.

Answer 3

Check this page out

/* events fired on the draggable target */
 element.addEventListener("drag", function( event ) {
    //drag code here
 }, false);