制作了连续的wix灯箱模态

Question

我尝试在我的 wix 网站上的注册表单旁边制作一个条款和条件模式。

enter image description here

我有两个自定义对话框 #lightbox1 和 #lightbox2。在用户单击 #lightbox1 上的立即注册 (#button2) 后，应显示另一个自定义弹出对话框 (#lightbox2)，其中包含一些文本和确定按钮。用户在此弹出窗口中点击接受后，应确认注册。

这是我添加的代码：

$w.onReady(() => {
  $w('#button2').on('click', function () {
   $w("#lightbox2").show();
   });
});

问题是无法识别#lightbox2，它会抛出错误：

“此页面上不存在 ID 为“#lightbox2”的元素。选择另一个元素并在“属性和事件”面板中查看或编辑其 ID。“

enter image description here enter image description here

那么，如果有好心人愿意帮助我，我会张开双臂欢迎他????。

Answer 1

Wix 一次只允许一个灯箱运行，作为一种替代方法，您可以在灯箱弹出窗口中添加 Wix 多状态组件并在代码的帮助下切换视图

Wix Velo Tutorial for Multi-State Boxes