обнаруживает изменение текстового поля при перемещении ползунка пользовательского интерфейса jQuery

Question

У меня есть эта скрипта http://jsfiddle.net/48Hpa/, он автоматически вычисляет сумму, когда я вводил ключевое слово, когда меняю ползунок, значение текстового поля меняется, но я не вижу сумма. Почему это? Как я могу сделать эту работу? Большое спасибо.

$(document).ready(function(){ 

    $(function() { 
     $("#slider1").slider({ 
      range: "min", 
      value: 36, 
      min: 1, 
      max: 36, 
      slide: function(event, ui) { 
      $(".amount1").val(ui.value); 
      } 
     }); 
     $(".amount1").val($("#slider1").slider("value")); 
     }); 

    $(function() { 
     $("#slider2").slider({ 
      range: "min", 
      value: 50000, 
      min: 1, 
      max: 50000, 
      slide: function(event, ui) { 
      $(".amount2").val(ui.value); 
      } 
     }); 
     $(".amount2").val($("#slider2").slider("value")); 
     }); 


    function writesum() { 
     var months = $('.amount1').val(); 
     var credits = $('.amount2').val(); 
     var payment = Number(months) + Number(credits); 
      $('.amount3').val(payment); 
    } 

    $(".amount1").on('input',function(){ 
     jQuery(writesum); 
    }); 

    $(".amount2").on('input',function(){ 
     jQuery(writesum); 
    }); 

}); 

Answer 1

Как насчет только вызова writesum() всякий раз, когда движется ползунок?

т.е. http://jsfiddle.net/48Hpa/1/

Answer 2

Вам нужно вызвать событие изменения на полях ввода при изменении их значения с кодом.

Кроме того, я предлагаю использовать событие изменения.

 $("#slider1").slider({ 
     ... 
      slide: function(event, ui) { 
      $(".amount1").val(ui.value) 
          .trigger('change'); 
      } 
     }); 

     $("#slider2").slider({ 
      ... 
      slide: function(event, ui) { 
      $(".amount2").val(ui.value) 
          .trigger('change'); 
      } 

    ... 

    $(".amount1, .amount2").on('change', function() { 
     writesum(); 
    });