JavaScript OnClick事件按钮不适用于使用Jquery的移动设备。Javascript onclick按钮不适用于wordpress中的移动设备
我研究了很多,并尝试所有的建议,但仍然不工作!
此功能在桌面上完美工作!
这是一个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>
感谢
您需要向我们提供的不仅仅是“不工作”的更多信息。什么不起作用?它会给出错误吗?如果什么都没有发生,你有没有调试你的代码,以找出哪个部分不工作?另外,将代码添加到工作代码片段/ jsfiddle/codepen中,以便我们看到发生了什么。 – FluffyKitten
你可以试试这种方式$(document).on('click touchstart','#calculateBtn',function(){ 还提到你正在使用哪个版本的jquery –
嗨@FluffyKitten谢谢。代码:https://jsfiddle.net/akwa770/sekn443d/1/ – Menachem