javascript - 当用户点击按钮 5 次时如何执行警报?

标签 javascript ruby-on-rails

我正在对一些品牌做出以下看法。

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

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

在 JS 中,如何在 View 中的任何按钮被单击 5 次时触发警报?

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

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

谢谢

最佳答案

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

$(document).ready(function(){
    var count = 0 ;
    $("button").click(function(){
        count+=1;
        if (count==5)        
             alert("ALERT!");
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click 5 times to get ALERT!</button>

关于javascript - 当用户点击按钮 5 次时如何执行警报?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28769492/

相关文章:

ruby-on-rails - Ruby ArgumentError : unknown keyword, 但不知道为什么

html - rails : Converting a text field's linebreaks into <br/>

javascript - 我希望单击按钮时更改页面的 CSS

javascript - 使用 paperJS 调整圆圈大小

javascript - 检测手机与平板电脑

ruby-on-rails - 将haml代码保存在一个变量中,然后使用它

jquery - 通过隐藏 iFrame 上传文件 - 表单嵌套问题

ruby-on-rails - 301 将 Rails herokuapp 重定向到另一个域

javascript - 用 Angular 2 CLI 表达

javascript - 遍历数组树?