Javascript 可通过编程方式将拖动移动到位置
假设有一个可拖动的对象只能在一个轴上拖动 有没有办法以编程方式移动它?要么开始,要么以三角形开始。当然,我可以去更改它的cssJavascript 可通过编程方式将拖动移动到位置,javascript,jquery,jquery-ui,jquery-ui-draggable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,假设有一个可拖动的对象只能在一个轴上拖动 有没有办法以编程方式移动它?要么开始,要么以三角形开始。当然,我可以去更改它的cssleft属性,但这不会触发jQuery提供的拖动事件 我希望找到一个dragBy(x,y)方法来拖动这个表 以下是一个例子: html: Css: 在穿过x轴移动可拖动元件(此处为DIV)后,是否有办法将其移动增量或初始位置? 使用额外的javascript源代码,您可以实现所需的功能 从jQuery用户界面: 来自第三方: 来源: j-ulrich的道具,让它变得
left
属性,但这不会触发jQuery提供的拖动事件
我希望找到一个dragBy(x,y)
方法来拖动这个表
以下是一个例子:
html:
Css:
在穿过x轴移动可拖动元件(此处为DIV)后,是否有办法将其移动增量或初始位置?
使用额外的javascript源代码,您可以实现所需的功能
从jQuery用户界面:来自第三方:
来源:
j-ulrich的道具,让它变得如此简单
function dragTo(x, y) {
$("#draggable").simulate("drag-n-drop", {dx: x, dy: y, interpolation: { stepWidth: 1, stepDelay: 1}});
}
我是不是漏了什么?不知什么原因,我无法保存它。编辑问题以包含JSFIDLE代码。对不起,小提琴现在可以了。对不起,伙计没问题,我以为我要发疯了你走吧,伙计,我想这就是你想要的。。。
$("#theDiv").draggable({
axis: "x",
cursor: "pointer"
});
#theDiv {
display:block;
width: 100px;
height: 100px;
overflow: hidden;
margin-top: 80px;
background-color: green;
}
#theButton {
border: 1px solid;
width:80px;
cursor: pointer;
}
function dragTo(x, y) {
$("#draggable").simulate("drag-n-drop", {dx: x, dy: y, interpolation: { stepWidth: 1, stepDelay: 1}});
}