Javascript 只有1个向上投票/向下投票按钮工作

Javascript 只有1个向上投票/向下投票按钮工作,javascript,jquery,html,Javascript,Jquery,Html,当我按下2个upvote/downvote按钮时,只有第1个按钮起作用。检查有人知道如何修复吗?您为两个按钮提供了相同的id,而每个元素的id必须是唯一的 您可以使用类绑定单击事件,找到相应的span,并在该span中计算票数和显示票数 而且你只有一个柜台。我不确定,但我认为如果有两个单独的按钮,也应该有两个计数器 $(".buttonup").click(function() { var vote = checkIfUserVoted() != votePlus ? votePlus :

当我按下2个upvote/downvote按钮时,只有第1个按钮起作用。检查有人知道如何修复吗?

您为两个
按钮提供了相同的
id
,而每个元素的
id
必须是唯一的

您可以使用
绑定
单击
事件,找到相应的
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);
});

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

duplicate
id
是不允许的。下次请将您的HTML/JS/CSS添加到SO问题中,因为外部链接可能会来来去去(它们将来可能不起作用)。您也只有一个
存储区,因此,即使您修复了
id
问题,仍然无法工作。那么我应该为每个按钮创建唯一的id吗?并为每个按钮添加另一个javascript?这就是你的意思吗?抱歉,我是新手javascripter。@TechKC您可以为每个按钮分配唯一的id,也可以使用我提供的代码。您可以将其替换为
$(“#plus”)的单击事件。单击(函数(){
ohh谢谢mairaj..现在upvote按钮已修复。但downvote没有。请查看此链接,但其中还有一个问题。我们需要单击upvote按钮2次,才能进行投票。请参阅此,我的网站将有1000个投票按钮。这将使脚本变长:(有其他解决方案吗?