我使用ajax来为搜索结果填充一些缩略图,并且我想让它们可拖动和可拖放。我有两个部分的问题。我想要在HTML5中的行为,只能将对象拖动到特定的箱子,或者它只会回到原来的位置。有没有办法做到这一点在jQuery可丢弃的东西?我的另一个问题是,由于我动态地将新内容加载到页面中,我是否需要做任何特殊的设置属性以使拖放工作?我仍然在学习jQuery和JavaScript,并且我看到的所有示例都是静态元素。拖放和jQuery
0
A
回答
0
是的,你可以定义“拖动”和“投掷的”对象使用jQuery UI其中一个对象将恢复到它如果不是下降了预定义的对象以前的位置。 http://jqueryui.com/demos/droppable/#revert应该是一个有用的资源给你。
至于你的第二个问题,是的,你需要在动态创建的对象上调用draggable()/ droppable()方法来给它们赋予它们各自的属性。我在http://jsfiddle.net/947u6/5/上创建了一个基本小提琴,它提供了一个创建新对象的例子,使其可拖动并将其添加到现有集合中。我相信你的应用程序更先进,但我认为它是重点。
1
看看jquery ui,使用jquery ui很容易进行拖放操作。 http://jqueryui.com/demos/draggable/和http://jqueryui.com/demos/droppable/
相关问题
- 1. JQuery和SVG拖放
- 2. 拖放jQuery和PHP
- 3. JQuery UI拖放和排序
- 4. 拖放使用jQuery和Ajax
- 5. asp.net c#和jquery拖放
- 6. replaceWith和jQuery可拖放放置?
- 7. Flex拖放和拖放
- 8. jQuery的拖放
- 9. jquery拖放
- 10. JQuery的拖放
- 11. jQuery的拖放
- 12. jQuery的拖放
- 13. jQuery UI拖放
- 14. 拖放jquery
- 15. 拖放jquery UI
- 16. 拖放jQuery
- 17. jquery - 拖放表
- 18. jQuery拖放
- 19. 拖放-JQuery
- 20. jquery拖放
- 21. jquery拖放
- 22. Jquery拖放 - 无法拖拽
- 23. jQuery拖放后可拖动
- 24. HTML5拖放与jQuery UI拖放
- 25. jquery拖放动画
- 26. 使用jQuery拖放
- 27. 拖放使用jquery
- 28. Jquery拖放问题
- 29. 使用jquery拖放?
- 30. jquery拖放功能
http://jqueryui.com/demos/droppable/#revert – Rafay