在海战客户端开发期间,我偶然发现了这个问题。
我有两个小组:船舶和董事会。
看一下这个屏幕:
每个飞船和游戏板都是一张桌子。表格的每个单元格都有其ID(1-100)。我使用“可拖动”插件拖动船只。董事会是“可投放”元素。我该如何定义舰船上方的那些td-board元素?
例如,在该屏幕上,应注意ID为12、13、14、15的单元格。
最佳答案
您可以使用data-属性将一个td与另一个td区分开,并将其与用于生成飞船的任何逻辑进行匹配。当drop事件触发时,您可以弄清楚正在处理的td。
但是,一旦尝试向td元素添加精美的样式,您可能会遇到渲染问题。不用说,您正在突破表标记的含义。我建议您使用canvas元素,并尝试使用它来构建游戏。