未捕獲的ReferenceError：<function>未在HTMLButtonElement.onclick處定義

我在JSFiddle上創建了我的問題https://jsfiddle.net/kgw0x2ng/5/。代碼如下所示未捕獲的ReferenceError：<function>未在HTMLButtonElement.onclick處定義

HTML代碼

<div class="loading">Loading&#8230;</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.

可有人請提出一個解決辦法？

感謝

薩欽

來源

2016-12-26 sachinb

-1

將您script body標籤內

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

如果您選中此JSFIDDLE並點擊JavaScript中，你會看到load Type body選擇

來源

2016-12-26 05:02:59 brk

同我遇到的問題...我正在將所有腳本寫入單獨的文件中並添加它通過在body標籤之後標記到HTML文件的末尾。在標籤內移動標籤後，它可以正常工作。前：

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

後：

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

來源

2017-05-25 14:58:11 Arindam

未捕獲的ReferenceError：<function>未在HTMLButtonElement.onclick處定義

回答

相關問題