代码之家 › 专栏 › 技术社区 › egzonmustafa

拖放HTML(占位符)

html5-draggable draggable drag-and-drop css

1

egzonmustafa · 技术社区 · 7 年前

谁能帮我拖放占位符吗。我有两行(左-右),每行有5个项目。

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

下面您可以找到我使用的示例 W3学校

我多么希望它看起来!

1 回复 | 直到 7 年前

1

2

Dane 6 年前

如果使用纯javascript :

我在w3schools上为您创建了此解决方案:

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

如果使用jQuery ui拖动:

在jQuery Dragable中使用“drag”事件:

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