3次点击后隐藏或删除下一个按钮,如果单击上一个按钮则再次显示

时间:2013-09-03 23:54:33

标签: javascript jquery html

我在隐藏的下一个按钮上单击3次时已经完成了一些基本的jquery代码,当你单击它显示的上一个按钮时,但它没有运行3次单击循环。点击上一个按钮后,我需要在点击下一个按钮后点击3次,它应该运行第一个循环,即3次点击。

var $i = 1; 
        $('body').on('click','#next',function(){ 
                if ($i < 3) { /*functions to be executed*/ $i++; 
                } 
                else { 
                $(this).prop('disabled', 1);
                $(this).hide();             
                }   
            }); 

            $('#prev').click(function() {
                $('#next').show();
                });

        var $n = 1; 
        $('body').on('click','#prev',function(){ 
                if ($n < 3) { /*functions to be executed*/ $n++; 
                } 
                else { 
                $(this).prop('disabled', 1);
                $(this).hide(); 
                } 
            });

            $('#next').click(function() {
                $('#prev').show();
                }); 

1 个答案:

答案 0 :(得分:0)

你忘了重置你的柜台:

   var $i = 1; 
   var $n = 1;
    $('body').on('click','#next',function(){ 
            if ($i < 3) { /*functions to be executed*/ $i++; 
            } 
            else { 
               $(this).prop('disabled', 1);
               $(this).hide();
               $("#prev").show(); // <- show here
               $i = 1;             
            }   
        }); 


    $('body').on('click','#prev',function(){ 
            if ($n < 3) { /*functions to be executed*/ $n++; 
            } 
            else { 
               $(this).prop('disabled', 1);
               $(this).hide(); 
               $("#next").show(); // <- show here
               $n = 1;
            } 
        });