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

Question

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

我查看了其他帖子，并没有发现任何完全相关的内容。

这很接近：从 jQuery UI 滑块中获取值

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

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

有什么帮助吗？

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

Answer 1

像这样：jsFiddle示例

我将该函数从您的输入更改中移出，因此您可以在输入更改和滑块移动时调用它。

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

​</p>