Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.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/73.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 JQuery动画函数不工作逗号/小数_Javascript_Jquery_Wordpress_Jquery Animate_Jquery Countdown - Fatal编程技术网

Javascript JQuery动画函数不工作逗号/小数

Javascript JQuery动画函数不工作逗号/小数,javascript,jquery,wordpress,jquery-animate,jquery-countdown,Javascript,Jquery,Wordpress,Jquery Animate,Jquery Countdown,这是我的HTML: <li class="mega-menu-counter mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-12028 menu-counter" id="mega-menu-item-12028"> <a class="mega-menu-link"

这是我的HTML:

<li class="mega-menu-counter mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-12028 menu-counter" id="mega-menu-item-12028">
   <a class="mega-menu-link" href="https://createandgo.com/blog-income-report/" tabindex="0">August 2019 <div>$<span class="counter">111,926.06</span></div><div>Blog Income Report</div></a>
</li>
  • 下面是我的JavaScript:

    <script>
    $('.Count').each(function () {
      var $this = $(this);
      jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
        duration: 1000,
        easing: 'swing',
        step: function () {
          $this.text(this.Counter.toFixed(2));
        }
        }
      });
    });
    </script>
    
    
    $('.Count')。每个(函数(){
    var$this=$(this);
    jQuery({Counter:0}).animate({Counter:$this.text()}{
    持续时间:1000,
    放松:"摇摆",,
    步骤:函数(){
    $this.text(this.Counter.toFixed(2));
    }
    }
    });
    });
    
    我的站点头部加载了以下资源:

    <script
      src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
      integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
      crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-animateNumber/0.0.14/jquery.animateNumber.min.js"></script>
    
    
    
    有人能告诉我为什么计数器不工作吗?

    • 替换(/,/g,)
      -将货币格式转换为数字格式

    • toLocaleString(…)
      -将数字转换为货币格式

    $('.count')。每个(函数(){
    var$this=$(this);
    jQuery({
    柜台:0
    }).制作动画({
    计数器:$this.text().replace(/,/g',)
    }, {
    持续时间:1000,
    放松:"摇摆",,
    步骤:函数(){
    $this.text(toCurrencyFromat(this.Counter));
    },
    完成:函数(){
    $this.text(toCurrencyFromat(this.Counter));
    }
    });
    });
    函数toCurrencyFromat(num){
    返回值(num).toLocaleString('en-US'{
    货币:美元,
    最大分数位数:2
    })
    }
    
    
  • html中没有显示与
    $('.Count')
    匹配的类
    “Count”
    。看起来像输入错误,您应该使用
    “.counter”
    类选择器