只有1个upvote / downvote按钮正在工作

Question

当我输入2个upvote / downvote按钮时，只有第一个按钮有效。检查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);
});

这是downvote按钮代码

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

Answer 2

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