0

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

在此处输入图像描述

“名称列表”填充了名称列表。“NAME 1”和“NAME 2”是我从“NAME LIST”中删除名称的框。两个盒子都将被丢弃的物品填充。在放入单个名称框或两者后。红色区域会显示文本,例如“name1=tom and name2=tim”。此外,“名称列表”保持静态(即,没有项目被删除)。我还应该能够从“NAME 1”和“NAME 2”框中删除名称。

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

4

1 回答 1

0

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

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

这非常像你的例子:

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

于 2013-09-02T20:23:16.507 回答