1

我正在创建一个跳棋变体游戏。我是 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();
}
4

1 回答 1

0

如果您同意使用 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;

    }
  });
于 2012-11-18T18:23:13.597 回答