Move draggable to position programmatically

Question

Lets say there is a draggable object capable of being dragged only on one axis. Is there a way to programmatically move it? Either to start, or by a delta. Of course I could go and change its css `left` property, but that wouldn't trigger the dragging events jQuery offers. I was expecting to find a `dragBy(x,y)` method to the draggable. Here is the example: http://jsfiddle.net/odyodyodys/daHU8/ html: ```

Reset position

Lorem ipsum dolor sit amet

``` Js: ``` $("#theDiv").draggable({ axis: "x", cursor: "pointer" }); ``` Css: ``` #theDiv { display:block; width: 100px; height: 100px; overflow: hidden; margin-top: 80px; background-color: green; } #theButton { border: 1px solid; width:80px; cursor: pointer; } ``` Is there a way to move the draggable element (the `theDiv` here) by a delta or to the initial position, after moving it across the x axis?

Accepted Answer

DEMO

Using extra javascript sources you can achieve what you are looking for.

From jQuery UI: jquery.simulate.js

From 3rd party: Source: http://j-ulrich.github.io/jquery-simulate-ext/ jquery.simulate.ext.js jquery.simulate.drag-n-drop.js

Props to j-ulrich for making it so easy.

```
function dragTo(x, y) {
    $("#draggable").simulate("drag-n-drop", {dx: x, dy: y, interpolation: { stepWidth: 1, stepDelay: 1}});
}
```

Move draggable to position programmatically

Solution

Problem