使用jquery和javascript创建多个可拖动文件

使用jquery，如何通过javascript使用循环创建多个draggable？我想创造这样的东西。使用AUTOCOMPLETE，我希望用户选择一个标记，并将其用作可拖放屏幕的显示名称，可将其拖放到可拖放屏幕上。因为我想给用户一个选项，让他们一个接一个地选择多个标记，所以我想添加此功能。

这看起来像是jQuery UI整天都在做的工作。请访问查看文档

他们有自动完成功能、可拖动功能和可拖放功能

给你所有的拖拉物上一节课，然后打电话

$('.dragme').draggable();

更新

在网页的

部分实现jQueryUI（从站点首次下载）

给你的“可拖动”元素一个通用类来分类

<ul>
  <li class="dragMe">Drag</li>
  <li class="dragMe">Drag me too!</li>
  <li class="dragMe">Drag me as well!</li>
  <li>Don't drag me!</li>
</ul>

拖动
也拉我
也拉我
别拖我

在脚本中，初始化可拖动元素

<script type="text/javascript">
  $('.dragMe').draggable();
</script>

<script type="text/javascript">
  $('.dropMe').droppable();
</script>

$（'.dragMe'）.draggable（）；

对可拖放元件使用类似的过程

<script type="text/javascript">
  $('.dragMe').draggable();
</script>

<script type="text/javascript">
  $('.dropMe').droppable();
</script>

$（'.dropMe'）.droppable（）；

您可以在删除元素时添加函数，如下所示：

<script type="text/javascript">
  $('.dropMe').droppable({
    drop: function() {
      //Your code here
      // ui.draggable refers to the dropped element
    }
  });
</script>

$（'.dropMe'）.dropable({
drop:function（）{
//你的代码在这里
//ui.draggable指被删除的元素
}
});

---

我认为这不仅仅是一个公平的开始。正如我所说的，查看文档和代码示例。他们也会有一堆关于自动完成的东西。我还推荐《JQUERY：忍者新手》一书。这真的帮了我一臂之力。

你能再详细说明一下吗？由于我是javascript和jquery的新手，我发现很难掌握。也许，小小的伪代码会让我更清楚。