问题标签 [zurb-reveal]

使用示例 Foundation显示模式，我得到一个被叠加层遮挡的对话框。我发现不可能让对话框显示在叠加层的顶部。我已将对话框和叠加层的 z-index 分别操作为 1006 和 1，但叠加层仍然遮盖了对话框。根据检查工具 (Chrome)，覆盖 div 的 z-index 为 1005，对话框 div 默认为 1006，因此覆盖不应遮挡对话框 div。到底是怎么回事？我也在 Firefox 中对此进行了测试，结果同样糟糕。作为一种解决方法，我更新了我的 css 覆盖以隐藏覆盖使用：

}

但我想让覆盖层向用户表明他们必须处理模态对话框。

我从一位前同事那里继承了这个网站（http://www.fatimatourforpeace.com/wordpress/the-tour），我已经解决了这个网站的大部分小问题，但是这个问题。

页面上的模式（单击更多信息）强制页面回到顶部，而不是在用户当前所在的区域显示模式。

我认为这是将 100% 高度分配给 html/body 标签或其他一些东西，但我无法弄清楚。

我希望在模式窗口关闭时在显示模式窗口中播放的视频停止播放（谁不关闭？）。这很容易通过 jQuery 将 iframe 源设置为空来完成。

但我不知道如何让它在回调中工作。模态窗口本身按预期运行。这有效：

但是，以下任何一项都没有任何效果：

所以感觉事件没有触发。我确定它是，但如何捕捉它？

因此，我在基础显示模式中使用联系表 7 时遇到了一点问题，并且想知道是否有人可以在以下方面为我提供一些帮助。

在我正在进行的一个项目中，我有一个包含很多产品的产品概述。在每个产品上都有一个链接，可以在模式中打开一个联系表单（从基础显示）。在此模式中，我正在使用get_template_part. 这很好用，但是当我点击“发送”时，模式关闭而不发送表单并且没有反馈消息。

我想保持模式打开并在此模式中包含“谢谢”消息或错误消息。我读了一些关于使用 ajax 的内容，但我不确定如何使用 ajax 加载模板部分，也不确定这是否是正确的方法。

我希望有人可以在正确的方向上帮助我。

我添加了一些代码以使其更加清晰。

在 content-item-contact 中，我有以下内容：

在使用 AngularJS 方面我没有太多经验，但我不是新手。已经开始使用它了。

但是，我将 AngularJS 与 Zurb Foundation 6 一起使用。我的显示模态中的控制器不会使用任何角度。例如我可以写{{hallo}}，他不会渲染它，他会告诉我 {{hallo}}而不是这个变量的值。

您必须知道，此模式位于 Angular 的模板文件中，因为我使用的是 angular-route。奇怪的是，我已经在 index.html 文件中使用了一个模态，并且模态工作中存在角度。但是模板文件（称为dashboard.html）中的模式不起作用。

那是我的模态：

我的控制器看起来像这样

如果有人可以帮助我，我将不胜感激。谢谢

我希望有人能够帮助解决这个问题。我似乎无法让 Foundation 6 中的模态显示动画正常工作。我基本上直接从他们的文档中复制并粘贴了它，但什么也没有。我看到其他人遇到了问题，但他们的解决方案似乎都没有帮助我。

这是我的完整代码。

任何帮助将不胜感激。:)

谢谢，

我正在使用带有 Angular2 的 Foundation 6，并且我有几个 Reveal 模态，需要按顺序打开。我直接从 Zurb 复制了示例，但是当我单击第一个模态中的按钮时，新模态打开并且第一个模态不会关闭。

multipleOpened 的默认值应该是 false，但它们只是在彼此之上打开。

截屏

我试过设置data-multiple-opened="false"和也data-options="multipleOpened:false;"，但他们仍然在彼此之上打开。

这是我的代码：

谁能指出我正确的方向？

我正在尝试创建一个 reval Modal Foundation 6 和 Ajac，但不起作用。我按照官方指南

页面html

我正在使用显示模式。根据窗口大小，内容可能太大而无法在屏幕上显示。

无论我做什么，我都无法滚动查看所有内容。我尝试使模态本身溢出-y：auto;，但这没有帮助。

下面的屏幕截图来自一个设置为移动设备大小的 chrome 窗口。表单底部有一个按钮，因为看不到，所以无法按下。

窗口和模态内容都将滚动。此外，模式的顶部似乎太低了，但这似乎并没有改变底部按钮的可访问性。

问题：当显示数据高于窗口高度时，滚动会将关闭图标移出页面。我想让它变得粘稠，这样您就可以随时选择关闭页面而不滚动回顶部。

我曾尝试将基础 6.sticky示例加载到显示中，但我的尝试都没有成功。

这是我认为应该起作用的，它<div id="modal2" style="height: 100%"></div>通过ajax加载到reveal容器中。不幸的是，关闭按钮只是随着内容滚动。

我错过了什么吗？有没有其他人能够在显示中获得一个粘性关闭按钮？