Essential Grid / fancybox 插件上的 z-index 问题 - WordPress答案

【问题标题】：z-index issue on Essential Grid / fancybox plugin - WordPressEssential Grid / fancybox 插件上的 z-index 问题 - WordPress
【发布时间】：2015-12-02 21:49:25
【问题描述】：

在用于 WordPress 的 Essential Grid 插件中创建灯箱时，我使用相同的设置在我的开发服务器中重新创建了该问题。

这是网址：http://dev-site.ofsgraphics.com/grid-settings/ 我创建了 8 个皮肤 - Marketo 皮肤有一个橙色按钮和白色背景（第二行）

您会注意到，需要多次点击 Marketo 按钮才能显示灯箱。我们可以解决这个问题吗？

加载灯箱后，我无法填写表单字段 - 我尝试重新排列所涉及的不同容器的 z-index，但似乎不起作用。

我们是否也可以确保点击提交时没有问题？

表单页面是使用 Marketo 创建的。

【问题讨论】：

我还没有看到您的网站，但请确保您为带有z-index 的元素设置了position:relative。 Z-index 仅在您指定 position 时有效。

标签： jquery wordpress fancybox lightbox marketo

【解决方案1】：

Marketo 按钮正在触发 Ajax 调用，因此它正在等待响应并因此延迟。

【讨论】：

是的，您需要先在隐藏的表单元素上触发 loadForm 方法，然后将其更改为在单击按钮时显示以避免用户输入期间的延迟。
谢谢。如果我错了纠正我。基本上，皮肤上的按钮调用灯箱功能来加载页面，该页面也调用市场表单/脚本。
@kelkington 你能解释一下我的回答是否正确吗？你能给我一些指导吗？
这只是为了加载表单。另一个问题是我无法填写表格。
@kelkington 嗨。你有我可以测试的参考吗？谢谢。