jQuery - val不刷新输入/ UI滑块中的数据

Question

使用这里的一些代码(堆栈溢出)，我创建了自己的代码。介绍如下：

$(document).ready(function() {

  $('#slider-1').slider({
    min: 0,
    max: 100,
    change: function(e, ui) {
      $('#input-1').val(ui.value);     
    }
  });

});

$('input').change(function(){
        var value1=$('input[name="input-1"]').val();
        var number1=0.01;

        var Total1=(value1*number1).toString().replace(/\./g, ',');
        $('input[name="input-2"]').val(Total1);
});

HTML

<div class="slider" id="slider-1"></div>
<input class="input-1" id="input-1" name="input-1" /><br />
<input class="input-2" id="input-2" name="input-2" />

CSS：

input {
  margin:10px auto;
  clear:both;
  width:80%;
}

.slider {
  margin:1em;
  width:90%;
}

问题是-滑块工作，并在第一个输入中表示值。但不幸的是，我的乘法函数不起作用。为什么？如何制作/创建即时监控输入-1输入-2？

jsfiddle显示了发生了什么- https://jsfiddle.net/c23wuemw/1/

Answer 1

试试这个：

$(document).ready(function() {

  $('#slider-1').slider({
     min: 0,
     max: 100,
     change: function(e, ui) {
       $('#input-1').val(ui.value);
        var value1=parseInt($('input[name="input-1"]').val());

        var number1=0.01;

        var Total1=(value1*number1).toString().replace(/\./g, ',');
        $('input[name="input-2"]').val(Total1);
    }
 });

});

我已经将您的.change代码移到了.slider初始化中的正确事件，并在乘法之前对值执行了一个parseInt。

Answer 2

$('#input-1').val(ui.value).trigger('change')；

更新val后，手动触发输入上的更改事件。