Question

我在https://jsfiddle.net/kgw0x2ng/5/的JSFiddle上创建了我的问题。代码如下

HTML CODE

<div class="loading">Loading&#8230;</div> 
<button type="submit" onClick="hideButton()">Hide</button>
<button type="submit" onClick="showButton()">Show</button>

JS CODE

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.

有人可以建议一个解决方案吗？

由于

萨钦

Answer 1

将script放入正文标记

<body>
  // Rest of html
  <script>
  function hideButton() {
    $(".loading").hide();
  }
function showButton() {
  $(".loading").show();
}
</script> 
< /body>

如果您选中此JSFIDDLE并点击了javascript，则会看到load Type body已被选中

Answer 2

我遇到了同样的问题......我在一个单独的文件中编写了所有脚本，然后通过标签将其添加到body标签后的HTML文件末尾。在标签内部移动标签后，它可以正常工作。之前：

</body>
<script>require('../script/viewLog.js')</script>

之后：

<script>require('../script/viewLog.js')</script>
</body>

未捕获的ReferenceError：HTMLButtonElement.onclick中未定义<function>

2 个答案: