拖放HTML（占位符）

Question

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

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

您可以在下面找到使用 w3school

的示例

https://www.w3schools.com/html/html5_draganddrop.asp

我希望它看起来如何！

Answer 1

如果您使用普通javascript ：

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

https://www.w3schools.com/code/tryit.asp?filename=FRCFSRF5F4RW

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

如果您使用jQuery ui drag：

在jQuery draggable中使用“drag”事件：

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

请点击此处了解详情：https://jqueryui.com/draggable/#events