Uncaught ReferenceError: function is not defined - Wordpress specific issue

Question

所以我一直在尝试在我一直在使用的 WordPress 网站中实现这个脚本，但它一直抛出错误 Uncaught ReferenceError: toggle_visibility is not defined 而且我不完全确定为什么它在外部工作根据其他人的 WordPress。我之前在 WordPress 中遇到过一些脚本问题，例如 $ 需要与 jQuery 交换等，但到目前为止我一直没有成功解决这个问题。基本上我只需要它在单击相应链接时在两个 div 上切换 display:block/none。

function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
      e.style.display = 'none';
   else
      e.style.display = 'block';
}

<div id="choose-membership">
    <a href="#" onclick="toggle_visability('ms-membership-wrapper-202');">Click here for free membership</a>
    <a href="#" onclick="toggle_visability('ms-membership-wrapper-213');">Click here for Paid membership</a>    
</div>

Answer 1

您的 onclick 活动有错字：

onclick="toggle_visability('ms-membership-wrapper-202');"

应该是：

onclick="toggle_visibility('ms-membership-wrapper-202');"

试一试:)

Answer 2

函数拼写错误。函数是 toggle_visibility 你把 toggle_visability 放在你的 HTML.

<div id="choose-membership">
    <a href="#" onclick="toggle_visibility('ms-membership-wrapper-202');">Click here for free membership</a>
    <a href="#" onclick="toggle_visibility('ms-membership-wrapper-213');">Click here for Paid membership</a>    
</div>

Uncaught ReferenceError: function is not defined - Wordpress specific issue

Uncaught ReferenceError: function is not defined - Wordpress specific issue

javascript

wordpress

function

undefined