Jquery ui, call start drag manually
In Jquery UI I can configure an element as draggable by invoking $("#drag").draggable(); But is there a way to start and stop the drag functions manually from another function? Ie someOtherFunction = function() { $("#drag").startdrag(); } yetAnotherFunction = function() { $("#drag").stopdrag(); } Answers above seem overcomplicated. $('.nonDraggableObjectWhichTriggersDrag').mousedown(function(e) { $('.draggableObject').trigger(e); }); Drag start is started via script looking at mouse events. mouse down followed by a mouse move. If you can simulate those mouse movements via Javascript (I don't