Question

我在这个ui滑块之后根据当前值更新一个值，所以当前在http://universitycompare.com上我在主页上有两个滑块，它们的右侧有值。

我想要做的是根据加在一起的两个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")
        }
});

});

Answer 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');
        }
    }
});

jquery ui slider计算然后更改Div的值

1 个答案: