如何 hide/show elementor popup onclick 中的部分

Question

我在 elementor 中为 login/register 表单创建了一个弹出窗口，它共有 3 个部分

第 1 部分包含 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();
  });
});

但它在弹出窗口中不起作用点击事件没有触发，如果我在页面中创建相同的内容一切正常。

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

Answer 1

在查找您的元素的正文部分使用并设置点击触发器

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

如何 hide/show elementor popup onclick 中的部分

How to hide/show sections in elementor popup onclick

javascript

jquery

popup

elementor