Question

我已经在elementor中创建了一个用于登录/注册的弹出窗口，共有3个部分

第一部分包含2列，其中包含标题小部件“登录和注册”。我给了他们自定义的CSS ID #login_heading和#register_heading
第2部分包含具有css id #login_section的登录表单。
第3部分包含css id为#register_section

我用CSS隐藏了第2和3节，我要实现的目的是：当有人单击“登录”标题时，第2节（#login_section）出现；如果单击“注册”标题，则它隐藏了第2节并显示第3节。包含注册表格（#register_section）。

我已经尝试过此jQuery代码

jQuery(document).ready(function( $ ){
$("#login_heading").click(function () {

$("#login_section").show();
$("#register_section").hide();
  });

$("#register_heading").click(function () {

$("#register_section").show();
$("#login_section").hide();
  });
});

但无法在Popup click事件中触发，如果我在页面中创建相同的内容，则一切运行正常。

使用弹出窗口时如何实现？任何帮助或建议，将不胜感激！谢谢

Answer 1

在主体部分上使用并设置点击触发器，以查找您的元素

$("body").on('click', "#login_heading" , function() {
    console.log('trigger and code will be here');
})

如何在元素中隐藏/显示部分或onclick弹出窗口

1 个答案: