查詢移動代碼JavaScript在瀏覽器桌面工作但不在移動

Question

我的代碼有問題。 所有在瀏覽器桌面工作正常，但在移動我必須點擊div #Resultat顯示結果。請告訴我我的代碼有什麼問題。 我把url，因爲在jsfiddle它的作品，但它不是我想要的。

  <script type="text/javascript"> 
    $(document).delegate('#so2', 'pagebeforeshow', function(){  
    $(document).bind('click', '[data-role="controlgroup"]', function(){ 
    setTimeout(function() {displayVals(); },100); 
    }); 
    $("#Resultat").on('click', function(event, ui) { 
    displayVals(); 
    }); 
    function displayVals() { 
    var so2Present = $("#so2present").val(); 
    var so2Voulu = $("#so2voulue").val(); 
    var volume = $("#volume").val(); 
    var unite = $("input[name='Unit']:checked").val(); 
    //var forme = $("input[name='Form']:checked").val(); 
    var summary = parseFloat(((so2Voulu - so2Present)*volume *1.5)*unite).toPrecision(3); 
    $("#Resultat").html(summary); 
} 
    }); 
</script> 


<div data-role="page" id="so2"> 


      <div data-role="header" class="jqm-header" style="padding-top:20px; background:#4d4d4d;"> 
       <a href="#defaultpanel" class="navmenu-link" id="menu" style="margin-top:19px;" title="Navigation"></a> 

      </div><!--/ header --> 
      <div data-role="content"> 

<div data-role="fieldcontain"> 
<label for="slider" class="so2present">SO2 présent:</label></br> 
    <input type="range" name="slider1" id="so2present" value="0" min="0" max="50" step="1" data-highlight="true" /> 
      <p></p> 
     <label for="slider" class="so2voulue">SO2 voulue:</label></br> 
    <input type="range" name="slider2" id="so2voulue" value="0" min="0" max="50" step="1" data-highlight="true" /> 
      <p></p> 
     <label for="slider" class="volume">Volume:</label></br> 
    <input type="range" name="slider1" id="volume" value="0" min="0" max="250" step="1" data-highlight="true" /> 
      <div > 
       <div id="Resultat" class="ui-body ui-body-d ui-corner-all"></div> 
     <div data-role="fieldcontain"> 
      <div data-role="controlgroup" data-type="horizontal" id="unite"> 
      <input type="radio" name="Unit" id="Unit_0" value="1" /> 
      <label for="Unit_0">ML</label> 
      <input type="radio" name="Unit" id="Unit_1" value="0.001" /> 
      <label for="Unit_1">L</label> 
      <input type="radio" name="Unit" id="Unit_2" value="0.01" /> 
      <label for="Unit_2">G</label> 
      </div> 
      </div><!--/fieldcontain--> 
     </div><!--/unite--> 
         </div><!--/content--> 

     </div><!-- /page --> 

Answer 1

問題就解決了我已經改變了jQuery和jQuery Mobile的版本的.js文件 現在，只是小問題是，當你改變滑塊的值必須在輸入點擊2X看結果已更新。