2011-08-21 106 views
0

我使用ajax来为搜索结果填充一些缩略图,并且我想让它们可拖动和可拖放。我有两个部分的问题。我想要在HTML5中的行为,只能将对象拖动到特定的箱子,或者它只会回到原来的位置。有没有办法做到这一点在jQuery可丢弃的东西?我的另一个问题是,由于我动态地将新内容加载到页面中,我是否需要做任何特殊的设置属性以使拖放工作?我仍然在学习jQuery和JavaScript,并且我看到的所有示例都是静态元素。拖放和jQuery

+1

http://jqueryui.com/demos/droppable/#revert – Rafay

回答

0

是的,你可以定义“拖动”和“投掷的”对象使用jQuery UI其中一个对象将恢复到它如果不是下降了预定义的对象以前的位置。 http://jqueryui.com/demos/droppable/#revert应该是一个有用的资源给你。

至于你的第二个问题,是的,你需要在动态创建的对象上调用draggable()/ droppable()方法来给它们赋予它们各自的属性。我在http://jsfiddle.net/947u6/5/上创建了一个基本小提琴,它提供了一个创建新对象的例子,使其可拖动并将其添加到现有集合中。我相信你的应用程序更先进,但我认为它是重点。