以編程方式將可拖動對象移動到位置

Question

可以說只有一個可拖動對象只能在一個座標軸上拖動。

有沒有一種方法來編程移動它？無論是開始，還是三角洲。當然，我可以去改變它的css left屬性，但是這不會觸發jQuery提供的拖動事件。

我期待找到一個dragBy(x,y)方法來拖動。

這裏是例子：http://jsfiddle.net/odyodyodys/daHU8/

HTML：

<div id="theButton">Reset position</div> 
<div id="theDiv">Lorem ipsum dolor sit amet</div> 

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; 
} 

是否有移動的拖動eleme方式nt（這裏的theDiv）按照delta或者移動到x軸後的初始位置？

Answer 1

DEMO

使用額外的JavaScript源就可以實現你在找什麼。

從jQuery用戶界面：
jquery.simulate.js

從第三方：
來源：http://j-ulrich.github.io/jquery-simulate-ext/
jquery.simulate.ext.js
jquery.simulate.drag-n-drop.js

道具J-烏爾裏希製作起來很簡單。

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