对 jQuery 切换进行故障排除

Troubleshooting jQuery toggle

本文关键字：故障 排除 换进 jQuery      更新时间：2023-09-26

我试图弄清楚我在这里做错了什么。WP网站，jQuery正在加载到页眉上，我的自定义jquery（main.js）正在加载到页脚上。

JQUERY：

  jQuery(document).ready(function() {
        jQuery("#hc-register-toggle").click(function(){
        jQuery("#event-reg-form-group").toggle();
      });
    });

HMTL：

<a class="hc-float-left hc-main-button" id="hc-register-toggle">REGISTER NOW</a>
<div id="event-reg-form-groups">
    ..
    </div>

尝试在单击"立即注册"按钮时切换表单。

任何帮助将不胜感激。谢谢！

看起来像是 id 末尾缺少"s"的拼写错误。

jQuery("#event-reg-form-groups").toggle();

还可以尝试更改按钮的样式。隐藏表单后，整个按钮不可单击。存在与浮点相关的问题。

您在

代码中使用的ID是错误的。 您已将 id 定义为 event-reg-form-groups 并使用 as event-reg-form-group 。 试试下面的代码

jQuery(document).ready(function() {
    jQuery("#hc-register-toggle").click(function(){
        jQuery("#event-reg-form-groups").toggle();
    });
});
相关文章：