未捕获的ReferenceError:函数未定义- Wordpress特有的问题

Uncaught ReferenceError: function is not defined - Wordpress specific issue

本文关键字:Wordpress 未定义 问题 函数 ReferenceError      更新时间:2023-09-26

所以我一直试图在一个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>

您的onclick事件有一个错别字:

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

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

试试吧

功能拼写错误。函数是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>