backbone.js - 如何使用 Backbone.js 管理元素位置属性？

Question

我有这个多人棋盘游戏项目，它有一个棋盘 （作为集合）和许多块对象（作为模型）*。

为了向所有在线玩家显示相同的棋盘设置，我如何组织我的 Backbone 代码以在玩家移动说Piece后更新Piece 的 CSS 属性？position

---

附加信息：

我在服务器端使用 Django 框架，其中每个Piece对象都有一个id,x_position和y_position属性。

Answer 1

您可以在作品上使用 CSS 类。假设你x_position的范围是 az 而你y_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 类更新模型，并清除可拖动设置的属性。