JavaScript OnClick-Taste funktioniert nicht auf mobilen Geräten in WordPress

Question

JavaScript OnClick-Ereignisschaltfläche funktioniert nicht auf mobilen Geräten mit Jquery.

Ich recherchierte viel und versuchte alle Vorschläge, aber immer noch nicht funktioniert !!!

Diese Funktion funktioniert perfekt in Desktop !!!

Dies ist eine Wordpress-Website.

Dies ist mein Code:

<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> 

Dank

Answer 1

Sie können versuchen, die Antippereignis zu verwenden: https://www.w3schools.com/jquerymobile/event_tap.asp