更改事件不在ipad上触发

时间:2012-11-09 18:07:42

标签: jquery ipad onchange

我有这个页面在世界上的每个浏览器上工作(firefox,safari,chrome,opera,也许我的微波菜单)...在ipad上事件的变化似乎没有被解雇...... 我要做的是计算bmi字段并用计算值填充它,qhich取决于“altezza”和“peso”的值。 我正在使用jquery mobile,它在这个页面上似乎也有一点点崩溃,因为当我选择“peso”的文本字段时,页脚仍然停留在页面的中间而不是在页面的末尾。 没有javascript或php错误被抛出。我正在使用萤火虫。

<script type="text/javascript">
jQuery("div:jqmData(role='page'):last").bind('pageinit', function(){
var altezza;
var peso;
// CALCOLO BMI
function roundNumber(num, dec) {
    var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
    return result;
}
function calcolaBmi(){
    var altezzaBMI=$("#altezza").val();
    var pesoBMI=$("#peso").val();

    if(altezzaBMI!="" || pesoBMI!=""){
        alert("calcolo"+$("#peso").val());
    }
    if(altezzaBMI=="" || pesoBMI==""){
        $("#bmi").val("");
    }else{
        altezzaBMI=parseFloat($("#altezza").val());
        pesoBMI=parseFloat($("#peso").val());
        bmi=pesoBMI/(Math.pow(altezzaBMI/100,2));
        $("#bmi").val(roundNumber(bmi,2));
        alert("Altezza:"+altezzaBMI+" Peso:"+pesoBMI+" "+bmi);          
    }
}

$("input[name=altezza]").change(function () {
    calcolaBmi();
});
$("input[name=peso]").change(function () {
    calcolaBmi();
});
}
</script> 


<div data-role="content"> 
 <form action="#" id="Scheda2Form" class="validate">
  <div data-role="fieldcontain">  
  <label for="altezza">1. Altezza (in centimetri):</label>
  <input type="text" name="altezza" id="altezza" onkeyup="this.value=this.value.replace(/[^\d]/,'')" value="" />
  </div>
  <div data-role="fieldcontain"> 
  <label for="peso">Peso (in chilogrammi):</label>
  <input type="text" name="peso" id="peso" onkeyup="this.value=this.value.replace(/[^\d]/,'')"  value="" />
  </div>
  <div data-role="fieldcontain"> 
  <label for="bmi">BMI:</label>
  <input type="text" name="bmi" id="bmi" value=""/>
  </div>     

 

可能是什么问题?

0 个答案:

没有答案