函数未在HTMLInputElement.onclick中定义

时间:2017-07-31 14:15:10

标签: html d3.js

我正在使用this example来尝试更新我创建的可视化。我实际上使用相同的代码,但我一直收到Uncaught ReferenceError: liste is not defined at HTMLInputElement.onclick的错误。我看了一下,尝试了各种解决方案,但似乎都没有。这是一段代码:

<div id="option">
<input
    name="updateButton" 
    type="button" 
    value="50"
    onclick="liste(50)"/>
</div>

<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/4.5.0/d3.min.js'></script>
<script src='script.js' charset='utf-8'></script>

我的函数liste工作得非常好,因为当我从我的脚本中“手动”启动它时,它会完成它应该做的事情。这是它的作用:

function liste(seuil){
    for (var i = 0; i < seuil; i++) {
        dataSeuil[i] = data[i];

    }
    graphe(dataSeuil);
}

graphe功能是绘图功能。

以下是单击按钮时所发生情况的屏幕截图。我已经尝试将我的<script> </script>标记放在标记之前,但它没有帮助。 Here is a screenshot

1 个答案:

答案 0 :(得分:-2)

请确保onclick功能在ready处理程序之外。请查看以下链接

  

jQuery onClick Function not working