javascript – 以可编程方式将draggable移动到位置

前端之家收集整理的这篇文章主要介绍了javascript – 以可编程方式将draggable移动到位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
可以说有一个可拖动的对象只能在一个轴上拖动.

有没有办法以编程方式移动它?要么开始,要么是三角洲.当然我可以去改变它的css left属性,但这不会触发jQuery提供的拖动事件.

我期待找到一个dragBy(x,y)方法到draggable.

这是一个例子:http://jsfiddle.net/odyodyodys/daHU8/

HTML:

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

JS:

  1. $("#theDiv").draggable({
  2. axis: "x",cursor: "pointer"
  3. });

CSS:

  1. #theDiv {
  2. display:block;
  3. width: 100px;
  4. height: 100px;
  5. overflow: hidden;
  6. margin-top: 80px;
  7. background-color: green;
  8. }
  9. #theButton {
  10. border: 1px solid;
  11. width:80px;
  12. cursor: pointer;
  13. }

有没有办法将可拖动元素(这里的theDiv)移动三角形或移动到x轴后的初始位置?

解决方法

@L_404_1@

使用额外的JavaScript源可以实现您的目标.

来自jQuery UI:
jquery.simulate.js

来自第三方:
资料来源:http://j-ulrich.github.io/jquery-simulate-ext/
jquery.simulate.ext.js
jquery.simulate.drag-n-drop.js

j-ulrich的道具让它变得如此简单.

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

猜你在找的JavaScript相关文章