jQuery Slider UI值與用於乘法運算的輸入相混合

Question

第一次在這裏發佈。我感謝任何幫助。我計劃積極併爲此提供幫助！

我看了其他帖子，沒有發現任何完全相關的東西。

這是接近：Getting the value from a jQuery UI Slider

人有經驗，使用jQuery 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'); 
    } 
}