jQuery - 从滑块值计算平均值的未知问题

时间:2013-01-31 20:22:57

标签: jquery jquery-ui average jquery-ui-slider jquery-calculation

我在Wordpress元数据库中有六个jQuery UI滑块,我得到它们的值并将平均值输出到文本输入字段(#pm_overall_score),这是处理此问题的JS:

var sum = 0 ; 
var nums = 0;
$('.rwmb-slider').bind({

    slidechange : function(event,ui) {
      sum = 0;
      nums  = 0;
    $('.rwmb-slider').each(function(){

        var value = $( this ).slider( "option", "value" );
        if(value != 0 ) 
         {
            sum += value ; 
            nums++;
          }

        }); 
       var avg = sum / nums ; 
       $('#pm_overall_score').val(Math.floor(avg));
       console.log(avg);
    }

}).slider();

工作正常,但是当我保存值时,在页面重新加载时,文本输入显示大量数字,我无法理解为什么会发生这种情况,也不能理解它背后的数学。

例如:
第一个滑块>值5,
第二个滑块>价值15

保存正确的平均(10),但在页面重新加载时输入字段显示 257 。现在,如果我将第三个滑块移动到 10 ,则数字变为 17170 (??)。我需要将所有滑块移回0以使其再次工作。我不是jQuery专家,不知道为什么会这样或者平均计算的其他选择?

由于

编辑:如果它有用,我还会发布处理滑块的代码:

jQuery( document ).ready( function( $ )
{
    var
        id = null
        , el = null
        , input = null
        , label = null
        , format = null
        , value = null
        , update = null
        ;
    $( '.rwmb-slider' ).each( function( i, val )
    {
        id = $( val ).attr( 'id' );
        el = $( '#' + id );
        input = $( '[name=' + id + ']' );
        label = $( '[for=' + id + ']' );
        format = $( el ).attr( 'rel' );

        $( label ).append( ': <span id="' + id + '-label"></span>' );
        update = $( '#' + id + '-label' );

        if (
            !$( input ).val()
                || 'undefined' === $( input ).val()
                || null === typeof $( input ).val()
            )
        {
            $( input ).val( $( el ).slider( "values", 0 ) );
            $( update ).text( "0" );
        }
        else
        {
            value = $( input ).val();
            $( update ).text( value );
        }
        if ( 0 < format.length )
            $( update ).append( ' ' + format );

        el.slider(
            {
                value: value,
                slide: function( event, ui )
                {
                    $( input ).val( ui.value );
                    $( update ).text( ui.value + ' ' + format );
                }
            } );
    } );
} );

0 个答案:

没有答案