このマルチプレイヤー ボード ゲーム プロジェクトには、ボード (コレクション)と多くのピースオブジェクト (モデル) があります*。
すべてのオンライン プレイヤーに同じボード セットアップを表示するには、プレイヤーがPieceと言った移動後にPiece の positionCSS 属性を更新するようにバックボーン コードを整理するにはどうすればよいですか?
追加情報：
サーバー側で Django フレームワークを使用しており、すべてのPieceオブジェクトにid,x_positionおよびy_position属性があります。
作品に CSS クラスを使用できます。x_positionyourが az の範囲で、youry_positionが 1 ～ 8 の範囲であると仮定すると、
<div class="pawn <%= x_position+y_position %>">pawn</div>
そして、あなたのCSSは次のようになります
a1 { left:0; bottom:0; }
a2 { left:0; bottom:1em; }
/* and so on */
b1 { left:1em; bottom:0; }
/* and so on */
ドラッグ可能なイベントをリッスンし、stopそれがどの正方形にあるかを調べます (UI オブジェクト (ui.position.leftおよびui.position.top) でドロップされた位置が提供されます)。次に、正しい CSS クラスを適用してモデルを更新し、ドラッグ可能なオブジェクトが設定した属性をクリアします。