如何通过单击(无拖动)区域来更改jQuery可拖动组件的位置?

时间:2014-01-26 22:19:51

标签: jquery jquery-ui draggable jquery-ui-draggable

我在使用jQuery UI Draggable组件时遇到了一些麻烦,并希望得到您的帮助。

我有一个200x200px尺寸的方框。 在那个盒子里,我有100x100px大小的可拖动组件,它被“捕捉”到它的父元素。

当我拖动那个小盒子时,它会以100px的速度捕捉到x或y轴。

我想要做的是,当我点击那个可拖动区域的其他地方时,可拖动的组件就到那里了。

这是一个演示:http://jsbin.com/iPURAjUk/3/edit

如您所见,我有4个可拖动组件的位置。 默认情况下它位于第一位,我想,如果我点击第四位,该组件就会转到那里。

我在jquery ui文档中找到类似问题或相关方法,所以我希望你能帮助我。

谢谢!

2 个答案:

答案 0 :(得分:0)

如果你只是需要点击区域,你真的不需要拖拽。

请改为:http://jsbin.com/iPURAjUk/4/edit

答案 1 :(得分:0)

@gtournie

这不完全是我想要的。

但我自己想出来了。

这是我想要得到的结果。 http://jsbin.com/iPURAjUk/8/edit?js,output