测试 2 人 socket.io 游戏。更新标签会影响两个页面

Question

我不明白为什么更新一个页面上的标签会影响另一个页面上的标签。我不认为 DOM 是这样共享的。打开一个标签或页面成功将标签更新为“player1”，但是当我打开另一个标签/页面时，它会将两个标签都更新为“player2”。

<script>
var socket = io.connect('http://localhost:3000');
socket.on('connect', function() {
socket.emit('join');
socket.on('joinSuccess', function (playerSlot) {
  if (playerSlot === 'player1') {
   $("#playerID").text("you are player1");
} else if (playerSlot === 'player2') {
   $("#playerID").text("you are player2");
  }
}); //end joinSuccess
}); //end connect

我只是想通知用户他们是哪个玩家。

---

解决方案：

 else if (playerSlot === 'player2') {
    var elm = $("#playerID");
    var empty = !elm.text().trim();
    if (empty) {
      elm.text("you are " + playerSlot);
        }
      }

Answer 1

当新用户加入时，您是否推送“joinSuccess”消息？在这种情况下，此消息将被传递到具有相同 playerSlot 值的两个页面。所以，所有页面都会更新最后加入的玩家名字。

在这种情况下，你可以用简单的条件来处理，

socket.on('joinSuccess', function (playerSlot) {
  var elm = $("#playerID"); 
  if (!elm.text().trim()) {
    elm.text("you are " + playerSlot);
  }
});