Jquery多個滑塊互連

Question

我嘗試設置3個jQuery UI滑塊互連，3個滑塊的總和必須始終保持在100，所以當我更改一個滑塊的值時，其他滑塊必須更新。

在爲例，如果一個滑塊有值40，我提出這個值50，另外兩個滑塊不得不減少5

誰能幫助我嗎？ 感謝

Answer 1

高值的概率是在任何情況下50 ...這樣設置所有三個滑塊至0至50 ...和它們作爲類=‘選擇無效’

$(".selector").slide(function(event, ui){ 

    $(event.srcElement).removeClass('inactive'); 

    var valuechange = 0; 

    $('.inactive').each(function(value, item){ 
     // get sum of other two sliders 
     valuechange += $(item).slider("option", "value"); 
    }); 

    // subtract sum(othertwo) + this value with 100 to get current changed value 
    valuechange = (valuechange + (ui.values[0])) - 100; 

    $('.inactive').each(function(value, item){ 
      // add other sliders values to changedvalue/2 
      $(item).slider("option", "value", $(item).slider("option", "value") + ((valuechange/2) * -1)); 
    }); 

    $(event.srcElement).toggleClass('inactive'); 
}); 

類希望這解決了你的問題