1

是否可以在Foundation Reveal Modal中运行 Zurb TwentyTwenty（滑块视图之前和之后）插件？我可以触发模式并显示标题，但不显示插件。该插件确实可以在标准列中的页面上运行，我什至尝试将其注释掉以查看是否是它。这是我为模态设置的代码：

<!-- Modal Box -->
<div id="myModal2" class="reveal-modal">
    <h3><font color="red">See the difference we can make</h3></font></hr>
    <div class="twentytwenty-container">
      <img src="img/rjh_before.jpg" />
      <img src="img/rjh_after.jpg" />
    </div>
    <a class="close-reveal-modal">&#215;</a>
</div>
<!-- Modal Box end -->

这是触发链接：

<a href="#" data-reveal-id="myModal2">Modal Version of the 20/20 slider</a>

这是我在 Foundation 上完成的第一个项目，虽然我学得很快，但这个项目让我很难过。任何帮助将不胜感激！

4

1 回答 1

2

我自己找到了答案；这是 Reveal 中的一个错误。在 GitHub 上找到：

在 Reveal 中使用 Orbit 时图片被压扁 - 问题 #2809

在用于显示的脚本之前添加了此代码：

var resize_window = function(e) {
$(window).trigger('resize');
}

$(document).foundation('reveal', {'opened' : resize_window});
<!-- Not used in my case, but additionally for running Orbit -->
$(document).foundation('orbit')

工作一种享受！

于 2013-08-31T14:59:06.887 回答