javascript - 循环警报不起作用

标签 javascript jquery html

我制作了 onclick 警报,这对于简单的警报来说是可以的,但我尝试用循环来警报,它只能工作一次操作以循环完成。在第二次单击时,它无法显示警报框...!! !

 <ul>
    <li>Click one</li>
    <li>Click two</li>
</ul>

<script>
    var n = 1;
    var txt = "Now you can see me";
    $(document).ready(function() {
        //$(document).unbind('click').bind('click', function(){
        $(document).off('click').on('click', function() {
            for (n; n <= 10; n++) {
                alert(txt + " for " + n + " times"); //after finished loop can't show alert
            }
        });
    });
</script>

我尝试过使用解除绑定(bind)和关闭触发器()?为什么在第二次点击时不起作用?

最佳答案

重新开始之前,您需要将 n 初始化为 1。

   <script>
    var n = 1;
    var txt = "Now you can see me";
    $(document).ready(function() {
        //$(document).unbind('click').bind('click', function(){
        $(document).off('click').on('click', function() {
            for (n = 1; n <= 10; n++) {
                alert(txt + " for " + n + " times"); //after finished loop can't show alert
            }
        });
    });
</script>

关于javascript - 循环警报不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34131058/

相关文章:

javascript - 如何在javascript字符串中附加带有对象作为参数的函数?

javascript - 从现有 html 自动生成 html 源文档

javascript - 使用 document.forms ["MbrForm"].submit();不起作用

javascript - 添加一行时无法阻止表单提交

javascript - 如何检测Chrome默认搜索引擎

html - 无法在 Rails 中显示 CSS bg

javascript - 如何停止 json 数据在 Google Chrome 中自动排序?

jquery - 不支持 Youtube 链接

html - CSS中并排垂直中间对齐的图像和文本

html - 如何根据变量的值在内联 SVG 中生成不同的文本?