Javascript 未捕获引用错误：未定义函数-Wordpress特定问题

所以我一直在努力在一个WordPress网站上实现这个脚本，但它不断抛出错误

uncaughtreferenceerror:toggle_visibility没有定义，我也不完全清楚为什么它在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>

功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.display=='block'）
e、 style.display='none'；
其他的
e、 style.display='block'；
}
您的
onclick
事件有一个输入错误：

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

应该是：

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

试一试：）
您的
onclick
事件有一个输入错误：

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

应该是：

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

试一试：）
拼写错误的函数。函数是
toggle\u visibility
您将
toggle\u visibility
放入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>

拼写错误的函数。函数是
toggle\u visibility
您将
toggle\u visibility
放入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>


哦，天哪，这太尴尬了！谢谢你指出，今天早上我显然需要更多的茶[咖啡因]@驼鹿一杯咖啡是我开始一天的方式——我们都这样做了；）哈哈，天哪，那太尴尬了！谢谢你指出，今天早上我显然需要更多的茶[咖啡因]@驼鹿一杯咖啡是我开始一天的方式——我们都这样做了；）哈哈，天哪，那太尴尬了！谢谢你指出，今天早上我显然需要更多的茶[咖啡因]！哈哈，天哪，那太尴尬了！谢谢你指出，今天早上我显然需要更多的茶[咖啡因]！