Onclick函数“未定义”

Question

我是wordpress的新手，正在尝试定义和调用一个函数，但无法让它工作。

以下代码出现在使用get_template_part从content.php文件调用的php文件中。

<div onclick="checkAllTopicCheckBoxes()"> </div>

我在function.php文件的底部添加了以下代码：

function checkAllTopicCheckBoxes() {
    alert("Hello! I am an alert box!!");
}

单击该元素时，它将返回：

（index）： 363未捕获引用错误：没有定义check AllTopicCheckBox。

有人能帮帮我吗？

Answer 1

function checkAllTopicCheckBoxes() {
    alert("Hello! I am an alert box!!");
}

必须不在

======== sample.php =======
<? 
// php script is here
?>

<script>
function checkAllTopicCheckBoxes() {
  alert("Hello! I am an alert box!!");
}
</script>

或者，如果您想在php脚本中包含js，您必须像这样echo

======== sample.php =======
<? 
// php script is here

echo '<script>';
echo 'function checkAllTopicCheckBoxes() {';
echo '  alert("Hello! I am an alert box!!");';
echo '}';
echo '</script>';

?>

Answer 2

您编写的是一个Javascript函数，它必须由HTML代码包围。您是否用以下方式编写了函数：

echo('<script>function checkAllTopicCheckBoxes() { alert("Hello! I am an alert box!!");}</script>');

另外，我认为WordPress必须有一些功能可以用来添加脚本。尝试查看wp_enqueue_script（string$Handell，string$src=false，ray$deps=ray（），string|bool|null$ver=false，bool$in_footer=false）；

编辑：我刚刚发现了这个问题，它可能会回答你的问题：如何在Wordpress的functions.php中编写Javascript函数？

Answer 3

使用OnClick或类似属性是非常糟糕的做法。

使用Javascript事件监听器是一种更好的方法。以现代方式注册事件是处理事件的低调方式。此外，要为目标注册多个事件侦听器，可以为同一目标调用addEventListener（）。

HTML:

<div id="checkAllTopicCheckBoxes"> </div>

你的JavaScript应该是这样的：

document.getElementById ("checkAllTopicCheckBoxes").addEventListener ("click", myFunction, false);

function myFunction() {
  alert("Hello! I am an alert box!!");
}

应避免使用HTML属性（例如Onclick），因为它涉及的内容/结构和行为没有很好地分开，这使得bug更难找到。