Javascript Java脚本未在Wordpress页面上执行(这是一个代码输入错误)
这个问题是个打字错误 我在WordPress4.0网站上工作,想在主页上添加一个自定义计算器。帮助客户计算他们的储蓄。主页的URL为。我在一个普通的HTML页面中测试了相同的代码,效果很好。但当我在wordpress页面中使用时,它就停止工作了。我正在使用themeforest中的Alterna主题与CodeCanyon中的WooCommerce和Booking System Pro。此块位于我的主页右下角,页脚上方。 HTML是Javascript Java脚本未在Wordpress页面上执行(这是一个代码输入错误),javascript,php,wordpress,Javascript,Php,Wordpress,这个问题是个打字错误 我在WordPress4.0网站上工作,想在主页上添加一个自定义计算器。帮助客户计算他们的储蓄。主页的URL为。我在一个普通的HTML页面中测试了相同的代码,效果很好。但当我在wordpress页面中使用时,它就停止工作了。我正在使用themeforest中的Alterna主题与CodeCanyon中的WooCommerce和Booking System Pro。此块位于我的主页右下角,页脚上方。 HTML是 <div><form> <tabl
<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>
函数calculateSavings4000(){
var hr=document.getElementById(“Hirate4000”).value;
var ton=document.getElementById(“tonesCrushed4000”).value;
var skiprate=document.getElementById(“skipRate4000”).value;
var act=document.getElementById(“aggregateCost4000”).value;
var noskips=数学单元(吨/8);
var skipsaving=noskips*skiprate;
var=act*吨;
var保存=((agrsaved+skipsaving)-hr);
var noskip_val=document.getElementById(“SkipSaved4000”);
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”);
总值=节省;
}
已经花了好几个小时没有任何运气了。
非常感谢所有的帮助 问题在于您的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");
非常感谢您的帮助@APAD1。我真的可以相信,因为我的这个错误,我最终花了4个小时。没问题,我们都去过那里;)不过,当您遇到Javascript问题时,请快速提示,检查浏览器中的开发人员控制台以查看是否有任何错误,这就是我如此快速地发现问题的原因。我得到
未捕获的TypeError:无法读取null的属性“value”