链接上的jquery单击将1添加到变量

我试图在单击“下一步”按钮时向变量添加1，该按钮将显示隐藏的上一个按钮，但我似乎无法使“添加1”部分正常工作。我已经在下面粘贴了代码和指向JSFIDLE的链接：

HTML

CSS

任何帮助都会很好，提前感谢您的回复

我决定选择这个选项：

HTML

​ ​ ​

---

​

您将

nextClicked

和

currentNextClicked

都初始化为

0

，然后在

中单击事件处理程序执行以下操作：

nextClicked = currentNextClicked + 1;

这将把
nextClicked
设置为1，因为0+1=1。但是，您永远不会更改
currentNextClicked
的值，因此下次单击它时，仍会将
nextClicked
设置为0+1的结果。
您只是在文档加载时检查
nextClicked
的值。将其放入on
live
单击处理程序。您还需要更新
currentNextClicked
的值。可能正在移动
currentNextClicked=nextClicked进入单击处理程序是您想要的吗

$(document).ready(function() {
    $('a.nextButton').live('click', function(){
        currentNextClicked = nextClicked;
        nextClicked = currentNextClicked + 1;
        foo();
        return false;
    });

    foo();
});

function foo(){

    if(nextClicked == 0){
        $('a.prevButton').hide();    
    }
    if(nextClicked == 1){
        $('.prevButtonFalse').hide();
        $('.prevButton').show();
    }
    if(nextClicked == 2){

    }
    if(nextClicked == 3){

    }
    if(nextClicked == 4){

    }

}

正如@Anthony所说，当你做
nextClicked=currentNextClicked+1结果总是得到1

此外，您需要在每次单击后进行以下
if
检查，您可以在加载时隐藏
a.prevButton
，因为
nextClicked
值最初总是设置为
0

试试这个：


您的if语句仅在dom就绪时运行。。。如果您每次都需要这些检查，您应该将它们放在单击事件句柄中，您应该在答案中包含所有相关代码，这样即使JSFIDLE链接过期或JSFIDLE站点关闭，它仍然有用。这似乎适用于第一种情况，我已经添加了第二个，但这似乎不起作用：你也应该考虑安东尼所说的，你需要更新<代码> CurrnEnter点击< /COD>
 .nextButtonFalse{display:none;}
 .prevButtonFalse{display:none;}

 <div>Total : <span id="total">0</span></div>
 <input class="subtract" data-amount="1" type="button" value="PREVIOUS" />
 <input class="add" data-amount="1" type="button" value="NEXT" />

 $(document).ready(function() {
   $('.add').click(function() {
      $('#total').text(parseInt($('#total').text()) + parseInt($(this).data('amount')));
   });
 })


 $(document).ready(function() {
   $('.subtract').click(function() {
      $('#total').text(parseInt($('#total').text()) - parseInt($(this).data('amount')));
   });
 })

nextClicked = currentNextClicked + 1;

$(document).ready(function() {
    $('a.nextButton').live('click', function(){
        currentNextClicked = nextClicked;
        nextClicked = currentNextClicked + 1;
        foo();
        return false;
    });

    foo();
});

function foo(){

    if(nextClicked == 0){
        $('a.prevButton').hide();    
    }
    if(nextClicked == 1){
        $('.prevButtonFalse').hide();
        $('.prevButton').show();
    }
    if(nextClicked == 2){

    }
    if(nextClicked == 3){

    }
    if(nextClicked == 4){

    }

}

nextClicked = 0;

function onClickCheck(){

    if(nextClicked == 0){
        $('a.prevButton').hide();    
    }
    if(nextClicked == 1){
        $('.prevButtonFalse').hide();
        $('.prevButton').show();
    }
    if(nextClicked == 2){

    }
    if(nextClicked == 3){

    }
    if(nextClicked == 4){

    }
}

$(document).ready(function() {

    $('a.prevButton').hide();
    $('a.nextButton').live('click', function(e){
        nextClicked += 1;        
        onClickCheck ();
        e.preventDefault();
    });

});​