我正在使用ajax为搜索结果填充一些缩略图,我想让它们可拖动并且可以放置。我有两个问题。我希望在HTML5中有这样的行为,你只能将对象拖动到特定的箱子,或者只是快速回到原来的位置。有没有办法在jQuery droppable中做到这一点?我的另一个问题是,由于我正在动态地将新内容加载到页面中,我是否需要做一些特殊的设置属性才能拖放工作?我还在学习jQuery和javascript,我见过的所有例子都是静态元素。
答案 0 :(得分:1)
查看jquery ui,拖放是非常可能的,并使用jquery ui进行自定义。 http://jqueryui.com/demos/draggable/和http://jqueryui.com/demos/droppable/
答案 1 :(得分:0)
是的,你可以使用jQuery UI定义“draggable”和“droppable”对象,如果没有放在预定义的对象上,对象将恢复到它之前的位置。 http://jqueryui.com/demos/droppable/#revert应该是一个有用的资源。
关于你的第二个问题,是的,你需要在动态创建的对象上调用draggable()/ droppable()方法来为它们提供相应的属性。我在http://jsfiddle.net/947u6/5/创建了一个基本的小提琴,它提供了一个创建新对象的示例,使其可拖动并将其添加到现有集合中。我相信你的应用程序要先进得多,但我认为这很重要。