Jquery Ui轻松或重力地拖放

时间:2012-01-23 15:52:25

标签: jquery drag-and-drop gravity

基本上我是设计师,而不是程序员。我正在尝试构建一些应用程序。你可以在jsfiddle http://jsfiddle.net/mailverma/WWfTN/1/看到我的基本代码。 这个想法是,用户可以对6个最具描述性的单词和6个最不具描述性的单词进行排序,并将它们拖放到相应的容器中。 我需要有关此代码中增强功能的帮助。

1)当前代码中的问题是,当我重置时,在此之后,有时在某些虚线槽中不接受黄色矩形。如果您将相同的黄色矩形放在其他插槽中,则会被接受。我不知道原因。请帮忙。

2)当用户拖动并向黄色或蓝色容器投掷黄色矩形时,它应该通过一些重力。当超过一半的黄色矩形进入蓝色或绿色容器内时,它应自动捕捉到可用的空虚线槽。这里预计不会重叠。

3)当黄色矩形放在蓝色或绿色容器中时,我想在顶部更改黄色矩形支架的类(在我的代码中是li)。这样用户就可以拖回到原来的位置。

请在此代码中帮助我。提前谢谢。

1 个答案:

答案 0 :(得分:0)

你可以使用像box2d这样的物理引擎 http://box2d-js.sourceforge.net/ 我认为你可以用那个做出惊人的事情