问题标签 [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.
zurb-foundation - 打开基础显示模式时将焦点设置在光滑的幻灯片上
左右滑动键绑定仅在焦点位于幻灯片上时才有效。当打开显示模式时,焦点不在幻灯片上,因此键绑定不起作用。我正在寻找一种方法来正确设置焦点或设置更多全局键绑定,但请记住,页面上可能有多个画廊。任何建议将不胜感激。
zurb-foundation - Zurb Foundation 5 Reveal 滚动内容?
有没有办法让 Foundation Reveal 的内容可滚动?即内容更长的可见页面?
responsive-design - Foundation 在小屏幕上显示尺寸
我正在使用显示模式,但我发现 - 如记录的那样 - 在小屏幕中显示是屏幕宽度和高度的 100%,而我需要一些空间......知道吗?
谢谢
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错误:
希望我在做一些愚蠢的事情,并且有一个简单的解决方法。
对于我应该做些什么来解决的任何指导,我将不胜感激。
css - Reveal Modal 揭示了循环迭代 Foundation-zurb 问题中的最后一个值
我在 index#action 中使用.each
Rails project_site
,每行显示基础模型,但是
问题是模型显示只显示project_site
每个模型显示中最后一个的 id。我想显示应该显示当前的 id project_site
。
javascript - 您如何强制 Foundation Reveal 模式将 HTML 块保留在其写入的父 div 中?
当使用 Foundation 6 的 Reveal 模式时,javascript 会自动将显示div
块放在结束body
标记之前,而不是最初写入 DOM 的位置。我需要一种方法来将模态代码保留在我最初编写它的位置,或者至少指定它的父代。
这对我来说是个问题,因为我正在使用 AJAX 来呈现我的页面的一部分(div#main
在下面的示例中),但是我的模态框一直在徘徊,因为它们被移到了外面div
。
我试图通过指定父 div 来打开模式(请参阅此问题的已接受答案)并使用onclick
事件而不是 Foundationsdata-open
方法来执行此操作。对 div 的放置位置也没有任何影响。
例子:
这是上述示例的代码笔。
zurb-foundation - Foundation Zurb 当 Reveal 开场动画完成后,做某事
我正在使用foundation zurb v6,我想知道揭示何时完全打开。我使用下面的代码来了解揭示何时打开:
它工作正常,但是当我将动画设置为打开和关闭显示时,它不再工作了。所以我想我也必须使用代码来查看动画何时完成。实际上我想我需要一个回调来显示动画。
这是我的揭示元素:
我很感激在这个问题上的任何帮助:(