Question

我正在创建一个检查变异游戏。我是jquery的新手，但是通过一些帮助，这些碎片现在可以在棋盘上移动。

有没有办法指明移动的起始位置和结束位置？

我还想在移动完成后禁用所有棋子移动。

jsfiddle可以在这里找到：http://jsfiddle.net/blueberrymuffin/mwu3u/1/

感谢。

以下是javascript代码：

function drag(ob){       
  ob.dataTransfer.setData("Text",ob.target.id);     
}

function drop(ob){
  var id = ob.dataTransfer.getData("Text");     
  var t = ob.target;    
  if (ob.target.nodeName == "IMG")
    t = ob.target.parentNode;
  t.innerHTML = "";
  var img = document.getElementById(id);
  t.appendChild(img);
  ob.preventDefault();    
}

function allowDrop(ob){
  ob.preventDefault();
}

Answer 1

如果您同意使用JQuery（上面的代码不包含JQuery源代码），那很容易。

查看JQueryUI可拖动和可放置小部件http://jqueryui.com/

这是一段允许在元素删除后检索源位置的代码：

  $( ".cases" ).droppable({ 
    drop: function(event, ui) {
        console.log(event.target.id);
        console.log(ui.draggable[0].parentElement.id);

        var target = event.target.id;
        var source = ui.draggable[0].parentElement.id;

    }
  });

片断移动后的开始和结束位置

1 个答案: