我使用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:多個可拖動和可拖放?
- 4. JQuery UI拖放和排序
- 5. 使用PHP和jQuery拖放
- 6. asp.net c#和jquery拖放
- 7. 拖放使用jQuery和Ajax
- 8. 使用jquery拖放拖放可拖放類的名稱使用jquery拖放
- 9. replaceWith和jQuery可拖放放置?
- 10. Flex拖放和拖放
- 11. Jquery Ui拖放
- 12. jquery拖放
- 13. 拖放jquery(iframe)
- 14. 拖放-JQuery
- 15. jQuery的拖放
- 16. JQuery的拖放
- 17. 拖放jquery
- 18. jQuery拖放
- 19. jQuery的拖放
- 20. 拖放jQuery
- 21. 拖放jquery UI
- 22. jquery - 拖放表
- 23. jQuery的拖放
- 24. jQuery UI拖放
- 25. jquery拖放
- 26. jquery拖放
- 27. jQuery拖放後可拖動
- 28. Jquery拖放 - 無法拖拽
- 29. HTML5拖放與jQuery UI拖放
- 30. 使用Selenium測試jQuery的拖放和拖放
http://jqueryui.com/demos/droppable/#revert – Rafay