可以在Foundation 4 Reveal Modal中运行Zurb插件“ twentytwenty”吗？

Question

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

<!-- 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合作完成的第一个项目，尽管我学习速度很快，但这个项目令我感到困惑。 任何帮助将不胜感激！

Answer 1

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

在Reveal中使用轨道时图片被压扁-问题＃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')

工作请客！