0

私は現在、学校のプロジェクトのためにjavascriptでフリーセルゲームを作成しています。ドラッグアンドドロップを実装したい。私はいくつかのことを試みましたが、成功しませんでした。

すべてのカードはドラッグ可能である必要があり、このカードの上に他のカードを配置することも可能である必要があります。

document.write("<table>");
document.write("<tr>");
for(i=0; i<8; i++) {
    document.write("<td><img class='card' src='./resources/images/cards/" + tmp_kaarten[i] + ".png' alt='" + tmp_kaarten[i] + "'</td>");
    removeItem(tmp_kaarten, tmp_kaarten[i]);
}
document.write("</tr>");
document.write("</table>");

それが私のカードの見せ方です。したがって、ドラッグアンドドロップしたカードも検出する必要があります。

4

2 に答える 2

1

ドラッグ イベントとドロップ ターゲットをカードにバインドする必要があります。外部ライブラリの使用が許可されている場合は、jQuery UIを確認することをお勧めします。

いくつかの開発者向けリソースを調べてみましたか?

于 2013-01-18T08:08:54.973 に答える
0

これが簡単だとは思わないでください。ドロップの結果から始めてイメージを描画できる基本的な例を次に示します。少し実験してみてください。

JQueryUI をチェックしてみてください

これは、JavaScriptがカーソルの位置を登録し、マウスの上下をキャプチャするためのかなりまともな例です

HTML5は別の可能性です

于 2013-01-18T08:07:15.780 に答える