从数组添加值-jQuery UI Sliders

Question

我无法弄清楚这一点是否可以帮上忙。 Everythign可以正常工作，但是由于某种原因，从var mbdata中数组中添加的值未正确累加。 这是代码：

$(function() {
var labelArr = new Array(0, 20, 75, 1500);
$( "#slider" ).slider({
  values: 0,
  min: 0,
  max: labelArr.length-1,
  slide: function( event, ui ) {
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_2" ).slider("value")]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )]; 
        g1.refresh(mbdata);

  }
});
});


$(function() {
var labelArr = new Array(0, 30, 75, 150);
$( "#slider_2" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];
        g1.refresh(mbdata);
  }

  });
});

$(function() {
var labelArr = new Array(0, 20, 100, 200);
$( "#slider_3" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_3").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];

        g1.refresh(mbdata);

  }
});
});


$(function() {
var labelArr = new Array(0, 10, 20, 50);
$( "#slider_4" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_4").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];

        g1.refresh(mbdata);

  }
});
});



$(function() {
var labelArr = new Array(0, 70, 140, 350);
$( "#slider_5" ).slider({
 value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_3").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )]+labelArr[$( "#slider_6" ).slider( "value" )];

        g1.refresh(mbdata);

  }
});
});

$(function() {
var labelArr = new Array(0, 60, 240,600);
$( "#slider_6" ).slider({
  value:0,
  min: 0,
  max: labelArr.length - 1,
  slide: function( event, ui ) {
$( "#days" ).val( ui.value );
      $("#label_6").html(labelArr[ui.value]);
      mbdata=labelArr[ui.value]+labelArr[$( "#slider_5" ).slider( "value" )]+labelArr[$( "#slider_4" ).slider( "value" )]+labelArr[$( "#slider_3" ).slider( "value" )]+labelArr[$( "#slider_2" ).slider( "value" )]+labelArr[$( "#slider" ).slider( "value" )];

        g1.refresh(mbdata);
  }
});
});

如果您想看看实时版本： http : //www.rcb.com.mt/wordpresstesting/melita/calculator/Data-Calculator.html

Answer 1

您在所有函数中使用相同的变量名。 声明新数组时，您将覆盖旧数组。

尝试声明具有不同名称的数组。