從數組添加值-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

您在所有函數中使用相同的變量名。 聲明新數組時，您將覆蓋舊數組。

嘗試聲明具有不同名稱的數組。