Java脚本未在Wordpress页面上执行(这是代码中的拼写错误)
Java Script not Executing on Wordpress Page (this was a typo in code)
这个问题是一个典型的
我正在Wordpress4.0网站上工作,想在主页上添加一个自定义计算器。帮助客户计算他们的储蓄。主页的URL为https://northerncrushing.co.uk。我在一个普通的HTML页面中测试了相同的代码,它运行得很好。但当我在wordpress页面中使用时,它就停止工作了。我正在使用AlternaTheme与WooCommerce和CodeCanyon的BookingSystemPro之前的主题。这个区块在我主页的右下角页脚上方。HTML是
<div><form>
<table>
<tbody>
<tr>
<td>Crusher Hire Rate :</td>
<td>£ <input id="hireRate" disabled="disabled" name="hireRate" type="number" value="160" /></td>
</tr>
<tr>
<td>Tons Crushed per Job :</td>
<td> <input id="tonesCrushed" name="tonesCrushed" type="number" value="16" /></td>
</tr>
<tr>
<td>No. of skips SAVED :</td>
<td> <input id="skipsSaved" disabled="disabled" name="skipsSaved" type="number" value="2" /></td>
</tr>
<tr>
<td>Skip Rate :</td>
<td>£ <input id="skipRate" name="skipRate" type="number" value="145" /></td>
</tr>
<tr>
<td>Skip Saving :</td>
<td>£ <input id="skipSaving" disabled="disabled" name="skipSaving" type="number" value="290" /></td>
</tr>
<tr>
<td>Aggregate cost per tonne :</td>
<td>£ <input id="aggregateCost" name="aggregateCost" type="number" value="10" /></td>
</tr>
<tr>
<td>Aggregate SAVED :</td>
<td>£ <input id="aggregateSaving" disabled="disabled" name="aggregateSaving" type="number" value="160" /></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
</form></div>
<hr />
<strong>Total SAVING : </strong>£ <input id="totalSaving" disabled="disabled" name="totalSaving" type="number" value="290" />
<a href="javascript:calculateSavings4000();">Calculate</a>
现在脚本是:
<script>
function calculateSavings4000(){
var hr = document.getElementById("hireRate4000").value;
var ton = document.getElementById("tonesCrushed4000").value;
var skiprate = document.getElementById("skipRate4000").value;
var act = document.getElementById("aggregateCost4000").value;
var noskips = Math.ceil(ton/8);
var skipsaving = noskips * skiprate;
var agrsaved = act * ton;
var saving = ((agrsaved + skipsaving) - hr);
var noskip_val = document.getElementById("skipsSaved4000");
noskip_val.value = noskips;
var skipsaving_val = document.getElementById("skipSaving4000");
skipsaving_val.value = skipsaving;
var agrsaved_val = document.getElementById("aggregateSaving4000");
agrsaved_val.value = agrsaved;
var total = document.getElementById("totalSaving4000");
total.value = saving;
}
</script>
已经花了很多小时没有任何运气。我们非常感谢所有的帮助。
问题是您的ID选择器设置不正确,例如:
var hr = document.getElementById("hireRate4000").value;
具有该ID的元素不存在,我想你想要的是:
var hr = document.getElementById("hireRate").value;
与其他选择器相同:
var ton = document.getElementById("tonesCrushed").value;
var skiprate = document.getElementById("skipRate").value;
var act = document.getElementById("aggregateCost").value;
var noskip_val = document.getElementById("skipsSaved");
var skipsaving_val = document.getElementById("skipSaving");
var agrsaved_val = document.getElementById("aggregateSaving");
var total = document.getElementById("totalSaving");
相关文章:
- 解析云代码错误:解析.错误{代码:141,消息:“未调用成功/错误”}
- Visual Studio代码错误-未能加载jshint库
- 是我的“;给我发电子邮件”;按钮代码错误
- 按钮创建无法定位功能代码错误
- 双重可乐挑战,JavaScript代码错误
- JavaScript数组,代码错误
- 在 cordova 项目中,我正在使用文件传输插件上传个人资料照片,它总是返回代码 1 错误
- JavaScript 代码错误:图像不显示
- 基本程序的JavaScript代码错误(猜谜游戏)
- IMACROS 将 iim 代码转换为 javascript 后代码错误
- Javascript代码错误
- Javascript简单代码错误
- Perl CGI代码错误
- 这是尝试解析带有时刻的 ASP.NET 日期.js库的错误还是我的代码错误
- JS,PHP,MySQL代码错误用于数学运算
- Parse.com云代码错误:尝试更新用户时未调用success/Error
- Javascript代码错误显示未定义的值
- JavaScript表单验证代码错误
- Adbrite什么都没出现.可能的代码错误
- Jquery代码错误:Undefined不是一个函数