jQuery .change 不起作用

Question

為什么當我改變輸入時輸出沒有改變？

HTML

<div class="display" id="out">test</div>

<div class="form-group">
  <label for="comment">value:</label>
  <input class="form-control" type="text" value="0.00" id="in"></input>
</div>

jQuery

$('#in').on("change", function(){
    $('#out').html($(this).val());
});

http://jsfiddle.net/ahpu8wwx/2/

Answer 1

您的小提琴中缺少 jQuery 庫。 使用input或keyup事件進行即時更新。 僅當您從輸入字段聚焦時才會觸發change事件

 $('#in').on("input", function(){ $('#out').html(this.value); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="display" id="out">test</div> <div class="form-group"> <label for="comment">value:</label> <input class="form-control" type="text" value="0.00" id="in"/> </div>

Answer 2

代碼有效，請確保您已包含 jQuery。