我在JSFiddle上创建了我的问题,网址是https://jsfiddle.net/kgw0x2ng/5/.代码如下
HTML代码
<div class="loading">Loading…</div>
<button type="submit" onClick="hideButton()">Hide</button>
<button type="submit" onClick="showButton()">Show</button>
JS代码
function hideButton(){
$(".loading").hide();
}
function showButton(){
$(".loading").show();
}
我正在展示一个微调器,当我点击"隐藏"按钮时,我希望微调器隐藏起来.我收到以下错误:
Uncaught ReferenceError: showButton is not defined
at HTMLButtonElement.onclick (VM282:180)
onclick @ VM282:180
VM282:179
Uncaught ReferenceError: hideButton is not defined
at HTMLButtonElement.onclick (VM282:179)
onclick @ VM282:179.
有人可以建议一个解决方案？
谢谢
萨钦
将您的内容放在scriptbody 标签内
<body>
// Rest of html
<script>
function hideButton() {
$(".loading").hide();
}
function showButton() {
$(".loading").show();
}
</script>
< /body>
如果您检查此JSFIDDLE并单击 javascript，您将看到load Type body已选中