Question

我试图制作一个简单的“游戏”，用户必须在红色方块上拖动红色圆圈，在蓝色方块上拖动蓝色圆圈。我是jQuery的新手，我不知道如何将圆完美地在正方形中居中，如果颜色错误，如何将圆重置为原始位置。这可以实现吗？

这是一个小提琴，但是由于某种未知的原因，拖放操作无效：

JS代码也在这里：

const dragger = document.getElementsByClassName("dragger")[1];

const holders = document.getElementsByClassName('holder');

for(const container of holders) {
    container.addEventListener("dragover", dragover)
    container.addEventListener("dragenter", dragenter)
    container.addEventListener("drop", drop)
  }

  function dragover(e) {
    e.preventDefault()
  }
  function dragenter(e) {
    e.preventDefault()
  }
  function drop() {
    this.append(dragger)
  }

Answer 1

您还可以使用jQuery UI，它为您提供了许多专门用于该游戏的快捷方式，我建议您访问此网站：jqueryui draggable

在同一个颜色方块上拖放圆圈？

1 个答案: