拖放列表项以生成事件

Question

我需要执行拖放操作并检测相应的基于事件的事件。 这里的图像描述了我想要创建的典型UI。

“NAME LIST”填充了名称列表。 “NAME 1”和“NAME 2”是我从“NAME LIST”中删除名称的框。两个框都将填充掉落的项目。放入单个名称框或两者之后。红色区域用文本激发，例如“name1 = tom和name2 = tim”。此外，“名称列表”保持静态（即，不删除任何项目）。我还应该能够从“NAME 1”和“NAME 2”框中删除姓名。

我检查了html5和jquery，它有拖放效果选项。 在我了解有关这些选项的更多信息之前，已经有过这方面工作的人可以指出我必须查看的任何现有插件/库吗？

Answer 1

jQuery UI带来了您要求的所有UI功能。

http://jqueryui.com/droppable/#default

这非常类似于你的例子：

http://jqueryui.com/droppable/#shopping-cart