![](/img/trans.png)
[英]Why won't the image in my HTML change with my JavaScript function?
[英]Why won't this html segment recognice my javascript function
我使用WordPress中的函数渲染带有几个输入字段的图形。 js文件肯定可用于html的这一部分,因为图形是渲染的。 它通过wp中的enqueue_script函数包含在内。 但是,当我尝试设置onclick函数(updateChart())时,我收到一条错误,指出我的函数未定义。 已经有一段时间......有什么想法吗?
我已经尝试将脚本directl导入到我试图调用它的标记上方的头部。
ob_start();?>
<head>
<!–– All styling should take place below ––>
<!–– First div id must match the first argument of Chart Object in js file ––>
</head>
<body>
<div id='chartContainer' style='height: 300px; width: 100%;'></div>
<input type='number' id='voltage' placeholder='Voltage' step='0.01' />
<input type='number' id='amperage' placeholder='Amperage' step='0.01' />
<button id ='simulate' onclick= 'updateChart()' >Simulate</button>
</body>
<?php
$content = ob_get_clean();
echo($content);
}
js代码应获取输入字段并使用它们更新图表。
您调用该函数的代码行中的语法是正确的。
<button id ='simulate' onclick= 'updateChart()' >Simulate</button>
当出现类似这样的问题时,我通常会在代码中添加一些console.log()
来查看实际执行的内容。
首先,你说JS文件被正确调用,但只是为了确保将一个console.log
添加到JS文件中,看看它是否显示在控制台窗口中。
其次,创建一个非常简单的功能,如..
function myFunction() {
console.log("Hello");
}
然后在你的视图中调用此函数,如..
<button id ='simulate' onclick= 'myFunction()' >Simulate</button>
如果控制台窗口中出现“Hello”,则问题在于updateChart()
函数,而不是实现。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.