Question

我的网站上有一个很酷的柜台。它基本上以一定的速率计数到一定数量。我希望它转到7.2然而它只会到7，可能是因为它被“。”弄糊涂了。代码如下。不确定某个时期的任何奇特代码，如空间。谢谢！

    <div class="col_one_fourth nobottommargin center col_last" data-animate="bounceIn" data-delay="600">
    <i class="i-plain i-xlarge divcenter nobottommargin icon-phone"></i>
    <div class="counter counter-lined"><span data-from="60" data-to="7.2" data-refresh-interval="30" data-speed="2700"></span></div>
    <h5>BILLION DEVICES! On Earth!</h5>

Java脚本

counter: function(){

        if( !$().appear ) {
            console.log('counter: Appear not Defined.');
            return true;
        }

        if( !$().countTo ) {
            console.log('counter: countTo not Defined.');
            return true;
        }

        var $counterEl = $('.counter:not(.counter-instant)');
        if( $counterEl.length > 0 ){
            $counterEl.each(function(){
                var element = $(this);
                var counterElementComma = $(this).find('span').attr('data-comma');
                if( !counterElementComma ) { counterElementComma = false; } else { counterElementComma = true; }
                if( $body.hasClass('device-lg') || $body.hasClass('device-md') ){
                    element.appear( function(){
                        SEMICOLON.widget.runCounter( element, counterElementComma );
                        if( element.parents('.common-height') ) {
                            SEMICOLON.initialize.maxHeight();
                        }
                    },{accX: 0, accY: -120},'easeInCubic');
                } else {
                    SEMICOLON.widget.runCounter( element, counterElementComma );
                }
            });
        }
    },

    runCounter: function( counterElement,counterElementComma ){
        if( counterElementComma == true ) {
            counterElement.find('span').countTo({
                formatter: function (value, options) {
                    value = value.toFixed(options.decimals);
                    value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
                    return value;
                }
            });
        } else {
            counterElement.find('span').countTo();
        }
    },

Answer 1

你仍然缺少一些代码，因为有明显的功能被添加到你没有展示的东西中。是否有jquery插件或你安装的东西？

您可能会通过弄清楚该插件如何配置它传递给格式化程序的选项来找到您要查找的内容。注意：

formatter: function (value, options) {
           value = value.toFixed(options.decimals);

它根据options.decimals将值设置为固定小数。如果将其设置为0或者根本没有设置，您将看到您正在观察的行为，它设置0个小数位，将截断7.2到7.

<强>更新

好的，如果您只是在评论中为小提琴添加空格和换行符，那就很清楚了。有一行设置选项对象，它从数据属性中提取所有内容，例如： data-decimals='2'将通过decimals:e(this).data("decimals")传递给参数，并将小数位设置为2，将7设置为7.20。

如何在<span>中放置.2？

1 个答案: