拖放 HTML（占位符）

Question

任何人都可以帮助我拖放占位符。我有 2 行（左右），每行有 5 个项目。

我想用简洁的动画显示占位符 (border-style: dotted;)。 Soo.. 在我放下我想显示边框的项目之前。

您可以在下面找到我使用的示例 w3school

我想要它的样子！

Answer 1

如果你使用普通的javascript:

我在 w3schools 上为您创建了这个解决方案：

参见 ondragstart 和 ondragend。在那里调用的函数，将边框设置为虚线或返回实线。当然，您可以使用 css 值，但这是基本实现。

如果使用jQueryui拖动：

在 jQuery 中使用 "drag" 事件可拖动：

$( "#draggable" ).draggable({
  drag: function() {
    $("#YOUR_PLACEHOLDER").css("border", "1px dotted black");
  }
});

Drag and Drop HTML (placeholder)