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

Question

是否可以在 Foundation Reveal Modal 内部运行 Zurb TwentyTwenty( slider View 之前和之后)插件？我可以触发模态并显示 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 上找到:

Squashed picture when using Orbit in a Reveal - Issue #2809

在reveal脚本前添加这段代码:

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')

工作愉快!