问题标签 [zurb-reveal]

C3js图表监听事件resize。让图表自动响应是件好事，但我在尝试将图表与Foundation 显示模式协作时遇到了严重的性能问题。

正如在 github 问题Reveal modal triggers a resize eventresize中所说，只要模态打开，reveal modal 就会触发事件。

resize每次触发事件时都会重新渲染C3js图表。而且似乎没有办法阻止使用C3jsresize提供的 api 或回调在事件发生后重新渲染图表。因此，每次打开模式时，同一页面中的所有C3js图表都会不必要地重新绘制，从而损害浏览体验。

在Foundation改变他们在 v6 中处理显示模式的方式之前，有没有简单的方法来解决这个性能问题？

使用的版本是C3-0.4.9和foundation-5.5.1

我正在使用 Reveal 显示更多信息，其中有一个使用 Slick 的轮播。Reveal 模式中的内容是通过 AJAX 拉入的。

我看到的问题是，当 Reveal 打开时，轮播加载时没有第一张图片，移动到第二张图片（加载有延迟），然后正常工作。这是一个简短的视频作为示例：http ://cl.ly/323s1T1x3I21

我不确定如何让图像加载得更快。

我的代码如下所示...

页面代码：

被拉入的页面代码：

不知道如何修复。将不胜感激任何帮助。

我目前正在使用 Zurb 基础框架，我想创建将在页面加载时出现的模式。我希望这个模态在用户浏览器中存储一个 cookie，这样如果他们之前访问过该站点，就不会再次显示相同的模态。

这是我尝试使用用于启动基础的 jQuery 来实现它的方法。注意我使用的是 jQuery 无冲突包装器，因为我正在使用 word press 来实现它。

这段代码没有给我想要的输出，模式在页面加载时一遍又一遍地打开，没有存储 cookie，如果有人能帮我解决这个问题，我将不胜感激。谢谢

试图在基金会论坛上发布此内容，但由于某种原因它不会发布。

下面的第一个代码片段显示了我的表单的工作代码，使用data-abide="ajax", 和.on('valid.fndtn.abide',function(){});. 元素被禁用等，并且模式打开。当模式关闭时，我会根据需要留在页面上。

我现在正在尝试使用 AJAX，其中请求将发送到处理数据插入的 php 脚本，并且元素操作和模式将在成功时发生。

第二个代码片段显示了该尝试，但它不起作用。当我运行此代码时，警报会触发，但随后页面提交，没有写入控制台，没有模式，页面刷新。我究竟做错了什么？

我还包含了部分代码（第三个片段），用于表单和模式。

如果有人有一个使用 Foundation、data-abide="ajax" 和re​​veal-modal 的工作示例，在提交表单的地方，将对 PHP 脚本进行 AJAX 调用以将数据插入数据库，并在成功时打开模式窗口，请提供样品。

片段 1 - 作品

片段 2 - 不起作用

部分形式和模式代码

我正在使用 ajax 调用来显示我的模式，然后使用以下三种方式中的任何一种来关闭它：

1. 通过单击背景 div

2. 通过esc按键

3. 通过单击关闭按钮 ( X)

它对所有三个选项都工作得非常好但是当它opened -> closed -> opened再次关闭时，它不会以任何预期关闭的方式关闭。

这是我的html代码：

这是我的JS代码：

任何知道如何解决此问题的人请提供帮助。

提前非常感谢。

我有一个使用 Foundation Zurb 的页面，我有一个显示模式，当我按下按钮时会打开一些字段。问题是，每次我提供的选项卡数量超过输入数量时，焦点不会再次转到第一个字段（就像 Jquery 对话框那样），焦点会更改为背景中的按钮（模式后面）。

有人知道如何解决这个问题（这是我需要拥有的一些属性，还是我需要添加的一些 JS 代码？）？

我知道互联网上已经有一些讨论，但我没有看到解决我的问题。

谢谢

我创建了一个包含联系表格的显示模式框。当我在框内单击时，框会立即关闭，这当然没有用。我无法填写表格。

我正在使用的代码是：

代码继续，然后我调用模态，如：

然后模态显示正常，但是当我在其中单击时它会关闭。

我想与其他图书馆有一些冲突。我怎样才能使用一些工具来找出冲突在哪里？

我也给你我的 custom.js 文件。你能指点我如何将javascript添加到这个文件中吗？谢谢！

我对 Angular JS 和 zurb 非常陌生，我有一个控制器，它显示位于http://jsonplaceholder.typicode.com/users的远程 json 数据，但我想使用 zurb 以表格的形式显示控制器的响应。当用户单击一行时，应弹出一个显示模式并显示特定用户的完整详细信息，包括：地址，电话号码有人可以帮助我如何做到这一点下面的代码是我使用的角度控制器，我的控制器只是显示数据，但我想使用 zurb 表和网格在表单表中显示。

我正在尝试修改一个 jquery 表单验证插件，因此一旦我得到 ajax 响应，我就可以显示一个显示模式。

我设法使用 访问对象window.Foundation，甚至open使用 触发事件window.Foundation.libs.reveal.open($target)。

问题是，此时出现的是模态背景，而不是模态本身。

有没有办法正确触发事件？

谢谢，

单击 X（关闭 btn）时，背景覆盖仍然存在。

我做了以下步骤\

1. 单击链接以打开显示模式。
2. 单击 X 将其关闭。

第一次一切都很好，但是当我再次执行相同的步骤时

3. 再次单击链接以打开显示模式。
4. 当我这次单击 X 时，模态关闭但覆盖仍然存在。这可以防止页面上的任何进一步操作。

一种解决方案是添加，，closeOnBackgroundClick=true但我不能这样做。

我尝试调试它，发现问题出在toggle_bg()功能上，下次单击时，它会调用this.show(this.settings.bg)必须调用的位置this.hide(this.settings.bg)；

代码在https://gist.github.com/yarosla/9844359