1

我在 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 );
                }
            } );
    } );
} );
4

0 回答 0