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>

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

2 个答案: