javascript - jQuery No-Ui-Slider、相互接続された複数のスライダーをロックして常に合計100にする方法は?

Question

3 つ、4 つ、または 5 つのスライダーを持つページ ( http://refreshless.com/nouislider/ )で NoUiSlider を使用しています。

スライダーの合計値を 100 に制限するように設定する必要があります。これにより、スライダーの値を上げると、他のスライダーの値を少し下げる必要があり、その逆も同様です。 .

誰でも私を助けてもらえますか？ありがとう！

jQuery コード:

$(".slider.tied").each(function() {
    var context = $(this).addClass("noUiSlider");
    var input = context.prev(".amount"); // the input containing the actual slider value
    var val = input.val();
    var min = input.data("min");
    var max = input.data("max");

    context.noUiSlider({
        range: [min, max],
        start: val,
        step: 1,
        handles: 1,
        slide: function() {
            var value = $(this).val();
            input.val(value);
        }
    });
});