Question

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

Answer 1

这看起来像是整天jQuery-UI的工作。查看http://jqueryui.com/demos/

上的文档

他们有自动完成功能和可拖动功能，以及可放置的功能。

给所有可拖动的人一个班级然后打电话

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

<强>更新

在网页的<head>部分实施jQueryUI（首次从网站下载）

<script src="javascripts/jqueryui.min.js"></script>

将您的“可拖动”元素作为通用类进行分类

<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>

对droppable元素使用类似的过程

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

您可以添加一个函数，以便何时删除元素：

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

我认为这不仅仅是一个公平的开始。就像我说的那样，查看文档并查看那里的代码示例。他们在自动完成方面也会有很多。我还推荐“JQUERY：NOVICE TO NINJA”一书。这真的帮助我开始了。

用jquery和javascript创建多个draggable

1 个答案: