Javascript onclick按鈕不適用於wordpress中的移動設備

Question

JavaScript OnClick事件按鈕不適用於使用Jquery的移動設備。

我研究了很多，並嘗試所有的建議，但仍然不工作！

此功能在桌面上完美工作！

這是一個WordPress的網站。

這是我的代碼：

<div class="smt"> 
<div class="container-fluid"> 
    <div class="row"> 

     <div class="col-lg-12"> 
      <div class="row"> 
       <div class="left-column"> 
        <input id="noc" class="form" type="text" placeholder="Enter Number of Components" /> 
        <input id="nos" class="form" type="text" placeholder="Enter Number of Suppliers" /> 
       </div> 
       <div class="btn-container"> 
        <button class="btn" id="calculateBtn">Calculate Savings*</button> 
       </div> 
       <div class="right-column"> 
       <h4><b>Hours Saved: <span id="ts" class="result"></span></b></h4> 
       <h4><b>Amount Saved: <span id="as" class="result"></span></b></h4> 
       </div > 
      </div> 
     <div class=""></div> 
      </div> 
      </div> 

    </div> 
</div> 
<script> 

$(window).load(function() { 
    $('#calculateBtn').on('click touchstart', function() { 

    var noc = $("#noc").val(); 
    var nos = $("#nos").val(); 
    if (noc == "" && nos == "") { 
     // alert("Please Enter the values in the fields"); 
    } else { 
     var crfq1 = 1; 
     var crto1 = 3; 
     var ana1 = 2; 
     var cpo1 = 2; 
     var tt = ((noc * nos) * (crfq1 + crto1 + ana1 + cpo1))/60; 
     var crfq2 = 1; 
     var crto2 = 0; 
     var ana2 = 1; 
     var cpo2 = 0.5; 
     var tt2 = (((noc * nos) + 1) * (ana2 + cpo2))/60; 
     var tts = tt - tt2; 
     var totalAmountSaving = tts * 30; 
     $("#ts").text(tts.toFixed(2)); 
     $("#as").text('$' + totalAmountSaving.toFixed(2)); 
     var noc = $("#noc").val("").focus(); 
     var nos = $("#nos").val(""); 
    } 

    }); 
}); 


</script> 

感謝

Answer 1

你可以嘗試使用自來水事件：https://www.w3schools.com/jquerymobile/event_tap.asp