首页 > 解决方案 > 制作了连续的wix灯箱模态

问题描述

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

在此处输入图像描述

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

那是我添加的代码:

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

问题是无法识别#lightbox2,它会引发错误:

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

在此处输入图像描述 在此处 输入图像描述

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

标签: javascripthtmljquerymodal-dialogvelo

解决方案


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

用于多状态框的 Wix Velo 教程


推荐阅读