1

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

我想要做的是根据两个 ucas 点加在一起然后除以 2 来获得一个高于该值的值。

一个快速的例子是：

将最小 Slider 滑动到 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 回答