Question

我想弄清楚我在这里做错了什么。 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>

单击“立即注册”按钮时，尝试切换表单。

任何帮助都会受到赞赏。谢谢！

Answer 1

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

jQuery(document).ready(function() {

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

});

Answer 2

在这里看起来像是一个错误的错误＆＃39;在Id结束时。使用

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

也可以尝试更改按钮的样式。隐藏表单后，无法单击整个按钮。有与浮动有关的问题。

解决jQuery切换问题

2 个答案: