0

2 つの noUiSliders の量をスライドさせて自動更新し、Sum に表示する必要があります。

最初のスライダーの値に 2 番目のスライダーの値を掛けてから、もう一度 110 を掛けます。結果はスパンの合計に表示されます。

    <h2>Antall selgere <span id="selgere"></span></h2>
    <div class="slide_selgere"></div>

    <h2>Antall pakker <span id="pakker"></span></h2>
    <div class="slide_pakker"></div>

    Sum: <span id="sum"></span>

私のスクリプトは次のとおりです。

$(".slide_selgere").noUiSlider({
    start: [ 5 ],
    step: 1,
    format: wNumb({
        decimals: 0
    }),
    range: {
        'min': [ 1 ],
        'max': [ 10 ]
    }
});

$(".slide_selgere").Link('lower').to($('#selgere'));

$(".slide_pakker").noUiSlider({
    start: [ 15 ],
    step: 1,
    format: wNumb({
        decimals: 0
    }),
    range: {
        'min': [ 1 ],
        'max': [ 100 ]
    }

});

$(".slide_pakker").Link('lower').to($('#pakker'));
4

1 に答える 1

1

両方のスライダーで別のものを使用.Link()します。

var sliders = $('.slider'), sum = $('#sum');

sliders.Link().to(function( value ){
    // Use .not() to filter the sliders, finding the one that *didn't* change.
    var total = Number(value) + Number(sliders.not($(this)).val());
    sum.html(total);
});

ここで実際の例を参照してください。

于 2015-01-11T09:44:29.390 に答える