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 に答える