1

現在の値に基づいて値を更新するために、この ui スライダーを使用しているため、現在http://universitycompare.comにあるホームページには、右側に値がある 2 つのスライダーがあります。

私がやりたいことは、2 つの ucas ポイントを足し合わせてから 2 で割った値に基づいて変化する上記の値を持つことです。

簡単な例は次のとおりです。

スライダーの最小値を 240 にスライドし、最大値を 320 にスライドします。合計は 560 で、これを 2 で割り、280 に等しくなります。

次に、値があり、280 の場合は ABB に等しくなりますが、320 の場合はおそらく AAB に等しくなります。

これは、両方のスライダーと右側の合計を変更するために行ったjQueryです。

// JavaScript Document
jQuery(document).ready(function($) {

    $("#slider").slider({
        max: 420,
        min: 0,
        step: 20,
        change: function(event, ui) {
            $("#s2").html(ui.value);    
            $("#s2")
        }
});

$("#slider2").slider({
        max: 420,
        min: 0,
        step: 20,
        change: function(event, ui) {
            $("#s3").html(ui.value);    
            $("#s3")
        }
});

});
4

1 に答える 1

1

このような何かがあなたをそこに連れて行くはずです。

jQuery(document).ready(function($) {

    var slider1 = $("#slider").slider({
        max: 420,
        min: 0,
        step: 20,
        change: function(event, ui) {
            $("#s2").html(ui.value);    
            $("#s2")
        },
        stop:Calculate
    });

    var slider2 = $("#slider2").slider({
        max: 420,
        min: 0,
        step: 20,
        change: function(event, ui) {
            $("#s3").html(ui.value);    
            $("#s3")
        },
        stop:Calculate

    });

    var div = $('#s4'); //cache this object in a variable if you'll be using it multiple times
    function Calculate(){
        var val1 = slider1.slider('option', 'value');
        var val2 = slider2.slider('option', 'value');

        var finalVal = (val1 + val2) / 2;
        //update the ui
        if (finalVal === 220) { //replace 220 with whatever you're checking
           //if finalVal does equal 220
           div.text('some text to display');
        }else{
           //if finalVal does not equal 220
           div.text('some other text to display');
        }
    }
});
于 2012-09-26T14:12:15.083 に答える