Question

第一次在这里发帖。我感谢任何帮助。我计划积极参与并提供帮助！

我查看了其他帖子，但没有找到任何完全相关的信息。

这很接近：Getting the value from a jQuery UI Slider

任何人都有使用jQuery Slider UI的经验吗？

我能够将滑块的初始值传递给我编写的脚本，但是我希望每次滑块移动到#total字段的变量“a”时传递值。

任何帮助？

http://jsbin.com/ebahur/21/edit#javascript,html,live

Answer 1

喜欢这样： jsFiddle example

我将功能移出输入更改，因此您可以在输入更改和滑块移动时调用它。

<强>的jQuery

$("#slider").slider({
    range: "min",
    value: 35,
    min: 20,
    max: 95,
    step: 5,
    slide: function(event, ui) {
        $("#amount").val("$" + ui.value);
        calc();
    }
});

$("#amount").val("$" + $("#slider").slider("value"));

$('#total').css('color', 'red');

$('input').change(calc);
function calc() {
    var n = $('#n').val();
    var y = $('#y').val() / 100; /*var a = $('#a').val() / 100;*/
    var a = $('#slider').slider('value') / 100;
    var x = $('#x').val();
    var total = n * y * a * x * 0.35;
    if (!isNaN(total)) {
        $('#total').attr('value', total);
    } else {
        alert('Opps Error! Please only numbers');
    }
}

jQuery Slider UI值与输入混合用于乘法计算

1 个答案: