只有 1 个赞成/反对按钮有效

Question

当我放 2 个赞成/反对按钮时，只有第一个按钮有效。检查this。有谁知道，怎么解决？

Answer 1

您给两个buttons 赋予了相同的id，而每个元素的id 必须是唯一的。

您可以使用class 绑定click 事件并找到相应的span 并计算该span 中的票数并显示票数。

你也只有一个计数器。我不确定，但我认为如果有两个单独的按钮，也应该有两个计数器。

$(".buttonup").click(function() {
  var vote = checkIfUserVoted() != votePlus ? votePlus : counter;
  localStorage.setItem("voted", vote);
  $(this).next().text(vote);
});

这是投票按钮代码

$(".buttondw").on('click', function () {
  var vote = checkIfUserVoted() != voteMinus ? voteMinus : counter;
  localStorage.setItem("voted", vote);
  $(this).prev().text(vote);
});

Answer 2

Here 是一个工作版本。您必须为这两个部分使用不同的 id 和处理程序...