Trigger Draggable onDrag Event

[Joe Hakooz]

I've got a draggable that uses the onDrag event. 

 

Is it possible to "trigger" the onDrag event from another DOM element? I can do it but inside the event this.x returns NaN. 

I think onDragScope might be helpful but not sure how. 

 

For example...

var draggables = Draggable.create(mydraggable, {type: "x", onDrag: updateDraggable });
function updateDraggable(){
    console.log(this.x) // should show a number. Doesn't work when triggered by my button.
}

$('#mybutton').click(function(){
    updateDraggable(draggables[0]); // yeah I know, lame attempt by using a parameter.
});

Thanks for any suggestions!

 

[Diaco]

Hi Joe Hakooz 

 

pls try this :

var D = Draggable.create( mydraggable ,{ type:"x", onDrag:updateDraggable });

function updateDraggable(){ console.log( this.x || D[0].x ) };

$('#btn').click( updateDraggable );

[Joe Hakooz]

Thanks Diaco!

 

Very clever trick. Do you see any performance hit with using D[0].x over this.x ?

I ask because my updateDraggable is doing some fairly heavy lifting and I'd love to keep it as optimized as possible. 

[Diaco]

i don't think there's any considerable difference...

 

but i prefer to use this : this.x || D[0].x