Jquery mobile sélectionnez entrée

jQuery mobile menu de sélection, la calculatrice de formulaire fonctionne dans le navigateur Firefox, mais pas dans Android. Lorsque vous appuyez sur le bouton Soumettre dans le navigateur, cela fonctionne comme prévu, mais quand je le fais dans Android, le spinner se charge et renvoie à ma page d'accueil.Jquery mobile sélectionnez entrée

  <form id="thermalgrowth"> 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup"> 
         <label for="t"> 
          T: 
         </label> 
         <input id="t" placeholder="" name="t" value="" type="number" step="0.001" min="0"/> 
        </fieldset> 
       </div> 
       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup"> 
         <label for="l"> 
          L: 
         </label> 
         <input id="l" placeholder="" name="l" value="" type="number" step="0.001" min="0"/> 
        </fieldset> 
       </div> 


       <div data-role="fieldcontain"> 
        <label for="c" class="select">C:</label>      
         <select name="c" id="c" > 
          <option value=".000006">Carbon Steel</option> 
          <option value=".0000059">Cast Iron</option> 
          <option value=".0000095">Stainless Steel</option> 
          <option value=".0000073">Nickel Steel</option> 
          <option value=".00001">Bronze</option> 
         </select> 
       </div>     

       <div class="ui-grid-a"> 
        <div class="ui-block-a"><button id="reset" type="reset" data-theme="c" name="reset">Reset</button></div> 
        <div class="ui-block-b"><button id="submit" type="submit" data-theme="b" name="submit" >Submit</button></div> 
       </div> 

       <div data-role="fieldcontain"> 
        <fieldset data-role="controlgroup"> 
         <label for="tg"> 
          Thermal Growth 
         </label> 
         <input id="tg" placeholder="" name="tg" type="number" disabled="disabled"/> 
        </fieldset> 
       </div> 

       <script type="text/javascript"><!-- 

        function calculate() { 

         var t = $('#t').val(); 
         var l = $('#l').val(); 
         var c = $('#c').val();     

         var tg = Number(t) * l * c ; 

         $('#tg').val(tg.toFixed(3)); 

         // submit event functions must return false, 
         // to tell the browser not to load a new page. 
         return false; 
        } 

        $('#thermalgrowth').submit(calculate); 
        $('#reset').click(function() { 
         $('#t').val('0').number('refresh'); 
         $('#l').val('0').number('refresh'); 
         $('#tg').val('0').number('refresh'); 
        }); 

       </script> 
      </form>

Source

2012-09-27 catalano

Avez-vous essayé de se débarrasser de la chose <!-- dans votre élément de script? Cela peut causer des problèmes.

Source

2012-09-27 23:14:29

Catalano,

Je suppose que ce soit il y a une erreur d'analyse ou une erreur d'exécution. Le <!-- non fermé peut être un problème. La console devrait vous le dire.

Odd que vous devez utiliser Number() pour t mais pas pour les deux autres valeurs. conversion automatique de type doit gérer mais, au moins pour être complet, vous pouvez essayer:

var tg = Number(t) * Number(l) * Number(c) ;

Vous pouvez également essayer envelopper le tout dans et de le mettre dans le document <head>.

Source

2012-09-27 23:31:44

Modifié var tg = Nombre (t) * Nombre (l) * Nombre (c); et n'a pas remarqué le catalano

Jquery mobile sélectionnez entrée

Répondre

Questions connexes