拖放HTML（占位符）

Question

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

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

下面你可以找到我在w3school使用的例子

我多么希望它看起来！

Answer 1

如果你使用普通的javascript：

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

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