我正在创建一个网站,其中还包含一个用于在付款后下载电子书的部分。为了创建一个不错的用户界面,我想使用电子书的图标和购物车的图标,并允许访问者将电子书图标拖入购物车,以便触发导致购买电子书。我听说过Jquery UI中的函数draggable和droppable以及关于Draggabilly JavaScript库。任何人都可以通过其他方式来达到这个目的或提供概念验证码吗?拖放项目以触发事件
0
A
回答
0
你可以使用jQuery UI的draggable/droppable/sortable
功能就像这里:
{这是jQuery UI的购物推车基本演示加上从购物车中退出项目的能力}
+0
谢谢你的答案..我也看到了这个例子..它可以没事,但是当物品被拖放到购物车时,我该如何开始一个活动?我需要一个更完整的例子,包括这个阶段。 – Fabio 2013-05-02 14:09:43
+0
请参阅drop'drop'回调函数:http://jsfiddle.net/RR6z5/1/顺便说一句,你应该考虑只读文档... – 2013-05-02 14:11:36
相关问题
- 1. html5 - 拖放 - 不触发拖放事件
- 2. 的JavaScript - dragend拖放事件不触发
- 3. 拖放事件不会触发
- 4. 拖放HTML 5 jQuery:如何触发拖放事件?
- 5. HTML5的拖放,在Firefox中没有触发的“拖放”事件
- 6. addEventDelegate拖放后拖放不会触发
- 7. 拖放事件
- 8. HTML5 DragNDrop - 拖放事件永不会触发
- 9. D3放大事件在角上拖动触发
- 10. 如何在TreePanel上拖放后触发事件
- 11. 触发mousedown/touch并在Fabric.js中远程拖放事件
- 12. 拖放项目放在UIStackView
- 13. 你可以通过拖放框来触发某种类型的事件吗?
- 14. jquery拖放既触发了停止事件,也抛出了事件
- 15. 拖放事件javascript
- 16. TreeViewItem拖放不会引发DragOver事件
- 17. 在拖放项目时滚动项目
- 18. 拖放完成时拖放N拖放事件
- 19. 拖放连接的项目
- 20. 由于在dragover事件中DOM操作而间歇性地触发HTML5可拖动的拖放事件
- 21. 拖放问题时,项目拖走
- 22. JQ拖放 - 我可以让事件发生,但不是下降?
- 23. 发布构建事件触发构建另一个项目
- 24. 直放站的项目命令事件不会触发linkbutton点击
- 25. 可可触摸 - 拖动按钮触发事件
- 26. Android地图缩放事件触发器
- 27. HTML 5 - 拖放n Drop - ondragover事件,如果放置目标完全被占用,则不会触发
- 28. 拖放项目被放置后打印
- 29. 如何拖放事件
- 30. 使用FullCalendar拖放事件
有是jQueryUI网站上的简单演示。这应该给你一个想法。 http://jqueryui.com/droppable/#shopping-cart – DrColossos 2013-05-02 13:57:21