Question

我正在与一些品牌进行以下观点。

当用户点击5个不同品牌的“关注”按钮时，我想弹出警报。就像Twitter在继续注册之前要求你关注5个人一样。

<%= link_to(t("Seguir"), new_user_registration_path, class: "float-right button") %>

在JS中，如果点击视图中的任何按钮5次，如何触发警报？

<script>
    $(".button").on("click", function(){
       alert("ALERT");
    });
</script>

每次点击按钮时都会触发警报，但我希望只有当用户跟踪了5个人时才会弹出警报。

由于

Answer 1

创建一个计数器变量，并在每次用户单击它时更新它

＆＃13;

$(document).ready(function(){
    var count = 0 ;
    $("button").click(function(){
        count+=1;
        if (count==5)        
             alert("ALERT!");
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click 5 times to get ALERT!</button>

＆＃13;

Answer 2

试试这个

**

＆＃13;

var count = 0 ;
    $(".button").on("click", function(){

       if (count<4) {
         count++;
        } else { 
        alert('ALERT');
         count = 0;
       };
    });


<button class="button"> teste </button>

＆＃13;

**添加了代码

用户在按钮上单击5次时如何执行警报？

2 个答案: