2016-01-05 46 views
0

我在我的HTML模板輸入域:jQuery的上改變事件不工作

<form> 
    <input id="id_usd_value"> 
    <input id="id_rer_value" value="3000"> 
    <input id="id_pesos_value"> 
</form> 

,這是應該如果我改變取決於比索價值,反之亦然更新美元值這個jQuery代碼RER值:如果我改變價值觀

<script type="text/javascript" src="jquery-2.0.3.min.js" charset="UTF-8" ></script> 
    <script type="text/javascript"> 
    $(document).ready(
     function() { 
     $('#id_usd_value').on('change', 
      function(e) { 
      $('#id_pesos_value').val(
       Math.round(
       parseFloat($(this).val())/parseFloat($('#id_rer_value').val()) 
      ) 
      ); 
      } 
     ); 

     $('#id_pesos_value').on('change', 
      function(e) { 
      $('#id_usd_value').val(
       Math.round(
       parseFloat($(this).val()) * parseFloat($('#id_rer_value').val()) 
      ) 
      ); 
      } 
     ); 
     } 
    ); 
    </script> 

如果我測試它https://jsfiddle.net/2x9r9a2v/或代碼片斷它的作品...但在我的模板沒有任何反應。

+0

在控制檯中的任何錯誤?你確定這些ID是獨一無二的嗎?如果它在jsfiddle中運行良好,它可能會在你的網頁中干擾其他內容。 。 。 –

+0

不,不是一個人..這是我知道的奇怪,但我找不到爲什麼它不工作。 – jsanchezs

+1

您是在HTML代碼之後定義腳本嗎?如果不是你的DOM沒有通過瀏覽器設置,你的jQuery無法找到這些元素 –

回答

0

鄙視沒有版本錯誤,解決了它升級到Jquery 2.1.4,並像一個魅力,感謝所有。