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