问题标签 [zurb-reveal]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
910 浏览

zurb-foundation - 打开基础显示模式时将焦点设置在光滑的幻灯片上

左右滑动键绑定仅在焦点位于幻灯片上时才有效。当打开显示模式时,焦点不在幻灯片上,因此键绑定不起作用。我正在寻找一种方法来正确设置焦点或设​​置更多全局键绑定,但请记住,页面上可能有多个画廊。任何建议将不胜感激。

0 投票
0 回答
45 浏览

zurb-foundation - Zurb Foundation 5 Reveal 滚动内容?

有没有办法让 Foundation Reveal 的内容可滚动?即内容更长的可见页面?

0 投票
2 回答
677 浏览

responsive-design - Foundation 在小屏幕上显示尺寸

我正在使用显示模式,但我发现 - 如记录的那样 - 在小屏幕中显示是屏幕宽度和高度的 100%,而我需要一些空间......知道吗?

谢谢

0 投票
1 回答
293 浏览

zurb-foundation - Zurb Foundation 6 - 显示模式在关闭后不会重新打开

我正在使用显示模式并使用 AJAX 填充它,遵循 Zurb 文档中推荐的方法。模态出现并填充确定,但如果我随后关闭模态(例如单击背景)并尝试重新打开,我会收到一个 javascript 错误。我正在尝试解决此问题,以便在关闭后重新打开模式。

我尝试将选项“data-reset-on-close”添加到模态定义中,以确保模态在关闭时被重置,但这无济于事。

以下是模态本身的定义方式。

<div class="reveal" id="edit_modal" data-reveal data-reset-on-close="true">

这是我用来触发模态的javascript(并加载javascript。当我单击<div>ID为“load_modal”的模态时,模态就会触发。

目的是允许用户根据需要关闭然后重新打开模式。现在它打开一次没有问题,但它不会打开第二次。

第二次尝试打开时报告了javascript错误:

希望我在做一些愚蠢的事情,并且有一个简单的解决方法。

对于我应该做些什么来解决的任何指导,我将不胜感激。

0 投票
1 回答
89 浏览

css - Reveal Modal 揭示了循环迭代 Foundation-zurb 问题中的最后一个值

我在 index#action 中使用.eachRails project_site,每行显示基础模型,但是

问题是模型显示只显示project_site每个模型显示中最后一个的 id。我想显示应该显示当前的 id project_site

0 投票
1 回答
219 浏览

javascript - 您如何强制 Foundation Reveal 模式将 HTML 块保留在其写入的父 div 中?

当使用 Foundation 6 的 Reveal 模式时,javascript 会自动将显示div块放在结束body标记之前,而不是最初写入 DOM 的位置。我需要一种方法来将模态代码保留在我最初编写它的位置,或者至少指定它的父代。

这对我来说是个问题,因为我正在使用 AJAX 来呈现我的页面的一部分(div#main在下面的示例中),但是我的模态框一直在徘徊,因为它们被移到了外面div

我试图通过指定父 div 来打开模式(请参阅此问题的已接受答案)并使用onclick事件而不是 Foundationsdata-open方法来执行此操作。对 div 的放置位置也没有任何影响。

例子:

这是上述示例的代码笔。

0 投票
0 回答
29 浏览

zurb-foundation - Foundation Zurb 当 Reveal 开场动画完成后,做某事

我正在使用foundation zurb v6,我想知道揭示何时完全打开。我使用下面的代码来了解揭示何时打开:

它工作正常,但是当我将动画设置为打开和关闭显示时,它不再工作了。所以我想我也必须使用代码来查看动画何时完成。实际上我想我需要一个回调来显示动画。

这是我的揭示元素:

我很感激在这个问题上的任何帮助:(