javascript - JQuery Draggable 以编程方式拖动到位置

标签 javascript jquery jquery-ui jquery-ui-draggable

我想在页面上的某处添加按钮来操作 JQuery Draggable 元素而无需鼠标拖动,即以编程方式。换句话说,我想根据用户单击的按钮向上或向下、向左或向右移动(或平移)其容器内的可拖动元素。我该怎么做?我似乎无法在文档中找到该选项。我是否只是简单地操纵 CSS left/top 来实现它并确保我不会离开容器?

$(".drag-view").draggable({drag:function(event, ui){containment:a /*...*/}});

最佳答案

您可以在屏幕上绘制元素,然后使用 $.animate() 将其移动到位。该元素必须绝对定位才能以这种方式进行动画处理,并且正如您提到的那样,它是顶部和左侧的结果。

关于javascript - JQuery Draggable 以编程方式拖动到位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10080578/

相关文章:

javascript - 如何用变量值替换所有带有特定前缀的字符串

javascript - 如何从浏览器获取基本身份验证信息

jquery - jQuery 延迟对象中调用 "then"和 "success"的顺序

javascript - 使用 setInterval 和 clearInterval 通过 HTML 输入复选框启动和停止文件重新加载

jQuery 1.6.2 错误,不支持操作”代码 : "9

jquery - jQuery UI 自动完成的自定义搜索功能

javascript - 如何总结所有持续时间(hh :mm) from each TR with jquery?

javascript - jquery onclick 过早触发(?)

jquery-ui - 如何禁用 jQuery UI 日期选择器的键盘快捷键?

javascript - 用户更改输入值时触发函数(backbone.js)