【问题标题】:Drag and drop item to trigger event拖放项目以触发事件
【发布时间】:2013-04-26 17:36:21
【问题描述】:

我正在创建一个网站,其中还包含一个用于在付款后下载电子书的部分。为了制作一个漂亮的用户界面,我想使用电子书的图标和购物车的图标,并允许访问者将电子书的图标拖到购物车中,以触发导致购买电子书。我听说了 Jquery UI 中的函数 draggable 和 droppable 以及 Draggabilly javascript 库。任何人都可以建议我其他方法来实现这一点或提供概念验证代码吗?

【问题讨论】:

标签: jquery animation user-interface drag-and-drop user-experience


【解决方案1】:

您可以像这里一样使用 jquery ui draggable/droppable/sortable 功能:

{这是 jquery ui 购物车基本演示以及从购物车中删除商品的能力}

http://jsfiddle.net/RR6z5/1/embedded/result/

【讨论】:

  • 感谢您的回答..我也看到了这个例子..它可能没问题,但是当项目被拖放到购物车时我如何开始一个事件?我需要一个更完整的例子,包括这个阶段。
  • 查看 droppable 的 'drop' 回调函数:jsfiddle.net/RR6z5/1 BTW,你应该考虑只阅读文档...
猜你喜欢
  • 2016-03-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-02-05
  • 2013-04-15
  • 2014-04-27
  • 1970-01-01
相关资源
最近更新 更多