jQuery - Ajax发布导致html显示错误的位置

Question

我有一个网站，用户发布的帖子会被投票（向上或向下），每个帖子旁边都会显示一个投票计数。

投票上下流程正在通过jQuery / Ajax完成，并使用类似的东西：

$.ajax({
  url: 'vote.php',
  success: function(data) {
    $('.result').html(data);

  }
});

正在更新投票计数的html（.result是保存投票计数的div的类）

此外，线程首先按投票计数降序排序，然后按字母顺序排序。

我遇到了ajax实时更新HTML投票计数的问题，我有一个预感，问题是由于线程的顺序在更新投票计数时发生了变化，但是我不确定。

我知道数据库正在更新，当我刷新页面时，它也正在正确更新，但我没有看到我期望从jQuery / Ajax获得的实时行为。

可能是什么问题？

Answer 1

$('.result')将在整个文档中引用带有“result”类的所有项目。您是否有选择地将该类分配给要更新的项目？在这种情况下，您需要向我们展示代码。

否则，您可能希望通过ID之类的东西来查看正确的容器，而不受项目顺序变化的影响

$('#item-' + id).find('.result').html(data);

Answer 2

尝试

$.ajax({
  url: 'vote.php',
  success: function(data) {
    $('.result').text(data);

  }
});

如果服务器只是发送号码，您可能应该只是设置文本。