问题标签 [zurb-reveal]

我已经使用 Reveal 模块一年多了，现在使用的是 Zurb Playground 网站 ( http://zurb.com/playground/reveal-modal-plugin ) 的原始版本，但我遇到了一些问题因此决定尝试仅使用 Foundation 版本运行。我发现我可以只下载插件，所以我这样做了，但是当我尝试使用它时没有任何反应。：/

我遵循了http://foundation.zurb.com/docs/components/reveal.html上的文档

我确实修改了一些 CSS，但这不应该有任何区别。

我怎样才能让它运行？

我尝试将其发布到基金会论坛，但发布按钮不起作用

编辑

我刚刚在调试时发现出现以下错误：

I'm trying to show & autoplay youtube videos in a modal when a user clicks a link.

I have this working for the first video, however subsequent videos open the initial video.

During debugging, I noticed that the alert of the videoID fres as many times as the buttons have been clicked with the ID of the previous buttons. This seems like it is relevant.

I am using foundations modal reveal. http://foundation.zurb.com/docs/components/reveal.html

How can i adjust my code so the correct movie is shown each time a link is clicked?

UPDATE I created a codepen to show what's happening. try opening & closing the modals using the one & two links http://codepen.io/anon/pen/HkoKg

我有一个显示模态，模态内有一个表单，当用户提交我希望模态关闭的表单时。

有人可以帮我写代码吗？

http://zurb.com/playground/reveal-modal-plugin

我尝试将“dismissmodalclass”更改为提交按钮的类

基础显示模态只是不想工作。这是我的代码更多

我看不到我在这里缺少什么。我已经阅读了这里关于揭示和文档的所有其他帖子。也许jquery版本太旧了？最后有没有办法隔离reveal的css？

我一直在使用基础 5，显示模式没有触发，我完全不知所措。

这是模态代码

并且脚本的顺序在关闭 body 标签之前是正确的。

我试图包装$(document).foundation();in $(document).ready(function(){，但什么也没发生。警报框工作得很好，所以我对显示模式的问题感到困惑。

任何帮助，将不胜感激。谢谢。

我正在创建一个包含多个 YouTube iframe 的网站，这些 iframe 出现在 Zurb Foundations 显示模式中。该网站的最终版本将包含大约 30 个视频，这将产生沉重的负载并降低页面速度。为了解决这个问题，我打算使用lazyYT.js来延迟加载视频它在第一次加载时效果很好，但是在打开模式并完成播放然后关闭模式后，视频将重新启动并在后台播放。

我在延迟加载中尝试了多种变体，但均未成功。我认为问题在于显示未正确终止 iframe 或延迟加载被错误触发。

小提琴 http://jsfiddle.net/j43aepqh/6/

HTML：

这让我很生气，因为我无法理解正在发生的事情以及如何解决问题。

这是在网站上发布视频的正确有效方式吗？我对使用模态和 YouTubes iframe 嵌入在单个页面上发布多个视频的任何其他方法持开放态度，而不会导致严重的页面速度问题。

是否有任何好的脚本可以延迟 iframe 的加载或一个一个加载它们的方法？

任何帮助或建议将不胜感激。

ps第一次使用stackoverflow，希望我做对了

我正在使用与 jquery-1.4.4 配合良好的“显示模式”。库然而，自从添加库后，该网站移动版本的“弹出”菜单已停止工作。我删除了 jquery-1.4.4。库和“弹出”菜单再次开始工作，但模式停止了，所以我认为与该库有冲突。

我尝试了一段脚本，它允许多个 jquery 库没有冲突，但它似乎不起作用，所以我认为最简单的方法可能是重新编写“弹出菜单”的代码不冲突，但我不知道如何。

我用于弹出菜单的代码如下。（菜单仅显示在移动设备上，因此您可能需要减小浏览器的宽度）

显示模式附加到索引页面上的问号按钮，网址是mike-griffin.com/index.html（问号按钮位于桌面大小的网站上，因此浏览器宽度需要高于 481 像素。

我最近问了一个关于这个的问题，我得到了使用以下代码将 jquery 代码分离到它们各自的库中的建议。

这适用于索引页面，但它似乎不适用于其他页面。我正在使用“Reveal Modal”和“magnific-popup”。我将它们都设置在各自的 jquery 库中，但是它们似乎仍然存在冲突。有问题的页面是mike-griffin.com/ronald_joyce.html。单击“我们的设计师”链接时会触发“显示模式”，并且单击页面上的图像时应触发“放大镜”灯箱，但它不会...但是如果我删除“ jquery-1.4 .4.min.js" 库可以正常触发，但“显示模式”停止工作。代码如下...

非常感谢您提供任何帮助，如果您读到这里但无济于事，我们将不胜感激。

因此，当您单击链接时，我试图让模态显示来自另一个页面的部分内容。例如。

点击我的模态

问题是，我不希望整个页面内容只是手风琴下拉菜单中的一个部分，我想在模态中进行扩展，例如。等..：

那么我如何能够指定页面的特定部分，通过 ID 来做呢？例如

有没有办法以这种方式做到这一点？如果有怎么办？

感谢您抽出宝贵时间查看这个新奇的问题/帖子，并在我尝试寻求帮助时向您致以最诚挚的问候！

我正在尝试设置一个显示模式以下拉控制器中的一些 angular.js 链接以获取数据，但遇到了麻烦！请记住，代码不完整，但这是我正在尝试做的事情：

然后，角度控制器也没有正确链接我确定：

我该怎么做才能让它正常工作？最后是现场测试站点的链接：http: //new.omegadesignla.com/courses/classlist.php