📜  jquery 在拖动时复制 div - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:48.685000             🧑  作者: Mango

jQuery 在拖动时复制 div

在开发网页应用程序时,我们可能会需要在拖动元素时复制该元素。这通常用于拖动一个元素并将其投放到另一个元素上复制该元素的副本。jQuery 提供了一个方便的方式来实现这个功能。

$(document).ready(function() {
  var original = $('#original');
  var container = $('#container');

  original.draggable({
    helper: 'clone',
    stop: function(event, ui) {
      container.append($(ui.helper).clone());
    }
  });
});

在上面的代码中,我们使用了 jQuery UI 的可拖动功能。我们选择了一个主要元素并使其可拖动。我们还指定了一个 helper 函数来复制该元素。停止拖动时,我们克隆 Helper 元素并将其添加到容器中。

该方法可用于许多用例,如图像库,列表中的项目等。如果您需要在拖动时复制元素,请参考上面的示例并按需进行更改。