Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可通过编程方式将拖动移动到位置_Javascript_Jquery_Jquery Ui_Jquery Ui Draggable - Fatal编程技术网

Javascript 可通过编程方式将拖动移动到位置

Javascript 可通过编程方式将拖动移动到位置,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的道具,让它变得

假设有一个可拖动的对象只能在一个轴上拖动

有没有办法以编程方式移动它?要么开始,要么以三角形开始。当然,我可以去更改它的css
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}});
}