1

Sea Battleのクライアント側の開発中に、私はこの問題に遭遇しました。私は2つのパネルを持っています：船とボードです。この画面を見てください：

画面

すべての船とゲームボードはテーブルです。テーブルの各セルには、ID（1〜100）があります。「ドラッグ可能な」プラグインを使用して船をドラッグします。ボードは「ドロップ可能な」要素です。船が存在する場所でこれらのtd-board要素を定義するにはどうすればよいですか？たとえば、その画面では、IDが12、13、14、15のセルに注意する必要があります。

4

1 に答える 1

3

data-属性を使用して、1つのtdを他のtdと区別し、船を生成するために使用するロジックと一致させることができます。ドロップイベントが発生すると、処理しているtdを把握できます。

ただし、td要素に派手なスタイルを追加しようとするとすぐに、レンダリングの問題が発生する可能性があります。言うまでもなく、テーブルマークアップの目的の限界を押し広げています。私は、canvas要素で遊んで、それを使ってゲームを構築することをお勧めします。

于 2011-11-15T21:55:39.200 に答える