我做了这张照片希望它很清楚。我想拖动这个元素并将其移动到另一个元素,并在那里复制它,我实际上不希望它被拖动。我知道如何使用DOM,但我对HTML5一无所知,所以我该怎么做?可以用html5拖放吗?或者我应该去DOM后?
回答
假设你想要什么@putvande要求是正确的,你可以使用jQuery UI来实现这一目标。
给你一个想法,看看这个演示:jQuery Droppable: Shopping Cart Demo。将Buckit衬衫(产品/ T恤)拖到购物车中,您将会如何将该元素复制到页面上的其他元素。你可以用和做同样的事情。您可以查看源代码,选择演示下的view-source链接,还可以链接到完整的API文档,了解下面的可用功能。
哇,这是很好的,当元素已经下降,我可以选择它的名字,并与它做些什么?如果你能说出这一点,我几乎可以决定?我可以得到那个被丢弃的元素并且对它做些什么吗? – user2263572
是的,你可以。检查我提到的API文档,有一个事件列表,您可以在其中指定一个您要在触发时运行的函数。 – cml
这很容易实现。 jQuery是我为了使页面变得动态而做的第一件事情之一。它有很好的文档记录,并且有很多用于实现它的源代码示例。例如,他们使用drop事件触发器来实现您所看到的功能。 – cml
- 1. HTML5拖放或JqueryUI拖放?
- 2. 我可以在ListFragment中使用AsyncTask吗?或者我应该使用AsyncTaskLoader?
- 3. HTML5使用javascript拖放DOM操作
- 4. Html5画布拖放可拖放字段
- 5. 可可WebView和HTML5拖放
- 6. pyrax是否可以使用servicenet,或者我应该手动设置吗?
- 7. 在TableLayout中可以排序行吗?或者我应该使用SQLite?
- 8. 我可以使用HTML5通过单个文件拖放多个文件吗?
- 9. 我可以使用手机在移动设备上拖放html5吗?
- 10. 拖放后可拖动的项目是否可以拖放?
- 11. HTML5拖放 - 将选择文本拖放到可拖放元素
- 12. 我应该使用HTML5语法吗?
- 13. 我应该使用HTML5和CSS3吗?
- 14. 我可以在我的asp.net应用程序中使用HTML 5的拖放吗?
- 15. 使用HTML5拖放
- 16. 我可以/应该在cordova应用程序中下载html5代码吗?
- 17. 我应该如何操作Laravel数据库迁移数据?或者我应该在别的地方去做吗?
- 18. jquery可拖动元素不再拖放后可以拖动
- 19. 我应该使用Pylon's Paste来托管我的Pylons网站吗?或者我可以使用Apache?
- 20. jQuery拖放后可拖动
- 21. 我应该释放self.view吗?
- 22. 我应该释放NSImage吗?
- 23. HTML5拖放 - 什么事件setDragImage()可用?
- 24. HTML5拖放
- 25. HTML5拖放setDragImage
- 26. HTML5拖放
- 27. HTML5拖放,Asp.Net
- 28. HTML5拖放dropzone
- 29. 拖放API HTML5
- 30. JavaScript可以使网络应用程序拖放吗?
请发表一些代码,以表明您至少已经尝试自己做。 – Mark
所以你想拖动它,复制它并将原始位置放在原始位置?另外'img'自动关闭,所以''而不是''。 – putvande
是的,抱歉我没有注意到标签,我试图尽可能简化问题。不,我还没有尝试过,现在我正在玩它。如果我要用javascript去工作这很困难,实际上我可以做我的事情,但我不想去那里(我很懒)这就是为什么我试图在我去那里之前看看我能用html5做些什么。 – user2263572