Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 计数器大于2时隐藏按钮_Javascript_Jquery - Fatal编程技术网

Javascript 计数器大于2时隐藏按钮

Javascript 计数器大于2时隐藏按钮,javascript,jquery,Javascript,Jquery,嗨,我有这个功能,我想当我点击按钮时增加计数器,如果大于2,例如隐藏按钮 $(document).ready(function() { var clicks = 0; $(".next-button").click(function() { clicks++; $('.figure').html(clicks); }); console.log(clicks); if (clicks == 2) { $('

嗨,我有这个功能,我想当我点击按钮时增加计数器,如果大于2,例如隐藏按钮

$(document).ready(function() {
    var clicks = 0;
    $(".next-button").click(function() {
        clicks++;
        $('.figure').html(clicks);
    });
    console.log(clicks);

    if (clicks == 2) {
        $('.next-button').click(function() {

            var nextTab = $('ul.tabs div.orange-tab.current').next();


            $('ul.tabs div.orange-tab').removeClass('current');
            $('div.tab-content').removeClass('current');

            nextTab.addClass('current');
            $('div[id=' + nextTab.attr('data-tab') + ']').addClass('current');


        });
    } else {
        //function to hide the button
    }

});

按钮id=“下一步按钮”name=“下一步按钮”class=“下一步按钮”>下一步
您可以尝试以下代码:

<div id="next-button" class="text-center"> 
     button id="next_button" name="next_button" class="next-button">Next</button> 
</div>
您可以尝试以下代码:

<div id="next-button" class="text-center"> 
     button id="next_button" name="next_button" class="next-button">Next</button> 
</div>

你可以试试这个。为我工作

$(document).ready(function() {
     var clicks = 0; 
     $(".next-button").click(function(){ 
         clicks = clicks+1; 
         $('.figure').html(clicks);
         if(clicks>2){
              $(this).hide();
         }
    });
});

$(文档).ready(函数(){
var=0;
$(“.next按钮”)。单击(函数(){
警惕(“你好”);
点击++;
警报(点击);
//$('.figure').html(单击);
如果(单击==2)
{
$(“#隐藏按钮”).hide();
}
});
});
页面标题
这是一个标题
这是一段

下一个 把我藏起来
您可以试试这个。为我工作

$(document).ready(function() {
     var clicks = 0; 
     $(".next-button").click(function(){ 
         clicks = clicks+1; 
         $('.figure').html(clicks);
         if(clicks>2){
              $(this).hide();
         }
    });
});

$(文档).ready(函数(){
var=0;
$(“.next按钮”)。单击(函数(){
警惕(“你好”);
点击++;
警报(点击);
//$('.figure').html(单击);
如果(单击==2)
{
$(“#隐藏按钮”).hide();
}
});
});
页面标题
这是一个标题
这是一段

下一个 把我藏起来
$(“#下一步按钮”).hide()
id也必须是唯一的,并且您忘记了一个
您的
if(clicks==2)
应该在
$(“.next按钮”)内。单击(function()
像if(clicks
$(“.next按钮”)一样更改条件
表示带有类next按钮的元素,我看到您使用按钮中的ID
您必须检查jquery选择器并将其更改为
$(“#next button”)
$(“#next button”)。hide()
ID必须是唯一的,并且您忘记了一个
如果(单击==2)
您的
应该在
$(“.next button”内).click(function()
更改条件,如if(clicks
$(“.next button”)
表示带有类next button的元素,我看到您在按钮中使用ID
您必须检查jquery选择器并将其更改为
$(“#next button”)